通过webpack配置vue项目页面title
vue 项目创建之后,在index.htm里面的title,使用htmlWebpackPlugin.options.title 进行的展示。调整 webpack 配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象,该对象将会被webpack-merge合并入最终的 webpack 配置。有些 webpack 选项是基于vue.config.js中的
·
vue 项目创建之后,在index.htm里面的title,使用 htmlWebpackPlugin.options.title 进行的展示。
调整 webpack 配置最简单的方式就是在 vue.config.js
中的 configureWebpack
选项提供一个对象,该对象将会被 webpack-merge 合并入最终的 webpack 配置。有些 webpack 选项是基于 vue.config.js
中的值设置的,所以不能直接修改。
module.exports = {
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
args[0].title = '欢迎使用xx管理平台'
return args
})
}
}
如果没有vue.config.js文件,自己在根目录下面建一个好了。
有不清楚的地方可以查看vue-cli官网文档,上面也有详细的解释。
官网链接:vue-cli webpack配置
更多推荐
已为社区贡献1条内容
所有评论(0)