vue-cli4修改index.html中的title

由于vue-cli4的index.html的title是在webpack中定义的,如下

1
<title><%= htmlWebpackPlugin.options.title %></title>

修改方法:
在vue.config.js中设置

1
2
3
4
5
6
7
8
9
10
module.exports = {
//修改或新增html-webpack-plugin的值,在index.html里面能读取htmlWebpackPlugin.options.title
chainWebpack: config =>{
config.plugin('html')
.tap(args => {
args[0].title = "宝贝商城";
return args;
})
}
};