通过vue-cli来学习修改Webpack多环境配置和发布问题

Vue之所以现在如此之火热，一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本，但是实际业务中我们往往需要实现其他的功能来对webpack进行改造，本文将会根据一些实际的业务需求，先学习vue-cli生成的模版，然后在进行相关修改。

Vue-cli生成模版文件目录

本文主要关注的点在

build - 编译任务的代码

config - webpack 的配置文件

package.json - 项目的基本信息

具体每一行webpack的配置的含义这里就不详细介绍了，请参考

常见需求一：多环境配置和发布

Vue-cli生成的模版，只配置了npm run dev,npm run build 这行脚本，分别去启动开发环境服务和，执行打包。 而往往正常的公司开发流程最少都会有开发、测试仿真、生产环境，而每个环境响应的服务器请求地址，或者一些配置参数都会不同，并且发布的时候需要发布到多台服务器上，所以需要执行自动化脚本来进行。构建和发布。

我们首先得弄清楚这个问题，转载一段文章，作者：郑海波，链接，来源：知乎

这个其实和vue 无关，是一个通用问题：即代码在哪里构建。如果题主的服务器指的是运行服务器，那其实两种都不是好选择。很多新人包括我工作前都以为部署代码是这样的

讲了这么多所以，打包构建并不是一个简单的事情，所以需要自动化工具来配置，已有的成熟的方案就是docker 构建一个应用容器引擎来构建，发布等。不过这块我也不熟悉，有会的同学可以进行分享。

总结

以上所述是小编给大家介绍的Webpack多环境配置和发布问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程之家的支持！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!