Vue项目中如何通过配置修改项目名称

Vue项目中如何通过配置修改项目名称

前言

部分vue项目中为了不直接修改 index.html 文件而使用 config 配置文件进行修改，好处就是项目配置比较集中好管理、可实现动态化修改。

具体配置和使用

项目中 index.html 配置标题名，可以看到

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

实现动态化修改
在根目录的vue.config.js中添加如下代码

chainWebpack: config => {config.plugin('html').tap(args => {args[0].title = '你的标题名字'return args})
}