首页 > 其他分享 >vue 如何将打包时间记录到html的head里面

vue 如何将打包时间记录到html的head里面

时间:2023-01-17 15:36:26浏览次数:45  
标签:head vue args html chainWebpack config

在vue.config.js文件中,对chainWebpack的配置进行设置

chainWebpack(config) {
    config.plugin('html')
      .tap(args => {
        const date = new Date()
        args[0].title = '网站的标题'
        args[0].buildDate = date
        return args
      })
}

在index.html里面增加下面的代码:

<meta name="time" content="<%= htmlWebpackPlugin.options.buildDate %>" />

 

标签:head,vue,args,html,chainWebpack,config
From: https://www.cnblogs.com/wjs0509/p/17057894.html

相关文章

  • vue-cli/webpack4.x 打包--打包文件输出
    runtimeCompiler ture:runtime-compiler  template开发false:runtime-only     jsx语法开发publicPathvue.config.js中配置打包基路径p......
  • vue-cli/webpack4.x 打包--webpack配置--devServer
    devServer.env.development 配置全局变量#代理配置VUE_APP_BASE_IP='http://192.128.15.157:15530'VUE_APP_BASE_API='/api'vue.config.js 中配置  devS......
  • vue脚手架—render函数
    一、关于不同版本Vue:1.vue.js和vue.runtime..js的区别:(1)vue.js是完整版的Vue,包含核心功能+模板解析器(2)vue.runtime..js是运行版的Vue,只包含核心功能,没有模板解析器......
  • vue-cli/webpack4.x 打包--兼容IE等低版本浏览器
    依赖版本  "babel-polyfill":"^6.26.0",  "core-js":"3.21.1",  "regenerator-runtime":"0.13.5",main.js引入vue.config.js配置 transpileDe......
  • vue项目引入svg图标(完整步骤)
    1.安装svg依赖在vue中首先需要安装可以加载svg的依赖。npm安装:npminstallsvg-sprite-loader--save-dev2.创建svg文件夹存放svg图标创建icons文件夹,在icons文件夹下......
  • 小满Vue3第四十六章(Proxy跨域)
    1.首先我们先了解一下什么是跨域主要是出于浏览器的同源策略限制,它是浏览器最核心也最基本的安全功能。当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不......
  • 小满Vue3第四十五章(Vue3 Web Components)
    什么是 WebComponentsWebComponents提供了基于原生支持的、对视图层的封装能力,可以让单个组件相关的javaScript、css、html模板运行在以html标签为界限的局部环境中,不......
  • Vue3 响应式原理
     响应式原理Vue2使用的是 Object.defineProperty Vue3使用的是Proxy2.0的不足对象只能劫持设置好的数据,新增的数据需要Vue.Set(xxx) 数组只能操作七种方法,修改某......
  • 小满Vue3第三十八章(函数式编程,h函数)
    之前跟大家介绍了两种vue编写风格分别是template模板方式,和JSX方式感觉JSX被大家吐槽的很厉害,其实用习惯还挺好用的今天介绍第三种函数式编程主要会用到h函数​​h​​ 接......
  • Vue3 (Vscode插件)
    前端开发的编辑器有很多种如DW,hubilder,WebStorm,sublime,vscode,等等。​​Vue3+vite+Ts+pinia+实战+源码+全栈_哔哩哔哩_bilibili​​ 视频教程随着VsCode开......