Vue項(xiàng)目中如何通過(guò)配置修改項(xiàng)目名稱(chēng)

前言

部分vue項(xiàng)目中為了不直接修改 index.html 文件而使用 config 配置文件進(jìn)行修改，好處就是項(xiàng)目配置比較集中好管理、可實(shí)現(xiàn)動(dòng)態(tài)化修改。

具體配置和使用

項(xiàng)目中 index.html 配置標(biāo)題名，可以看到

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

實(shí)現(xiàn)動(dòng)態(tài)化修改
在根目錄的vue.config.js中添加如下代碼

chainWebpack: config => {config.plugin('html').tap(args => {args[0].title = '你的標(biāo)題名字'return args})
}