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

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

---