本文主要是介绍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})
}
这篇关于Vue项目中如何通过配置修改项目名称的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!