vuecli打包配置,vuecli3项目打包并运行

　　本文主要介绍vue cli3实现子环境封装的步骤。本文以图文并茂的形式为您详细介绍，对您的学习或工作有一定的参考价值。有需要的朋友可以参考一下。

　　用cli3构建的vue项目称为零配置文件。为了方便打包(不需要手动改变不同环境进行打包)，当需要在不同环境下打包的时候应该怎么做？

　　1.在根目录中创建三个配置文件，如下图所示

　　我这里创建了三个，都是我本地的；线下；在线环境下，三个文件的内容如下：下面的VUE_APP_TITLE要对应当前文件的后缀，以及对应的制作build。

　　NODE_ENV=生产

　　VUE应用标题=阿尔法

　　====================================================================

　　NODE_ENV=生产

　　VUE应用标题=生产

　　====================================================================

　　NODE_ENV=生产

　　VUE应用标题=在线

　　2.package.json配置对应环境的包名，如图：

　　3.如图所示

　　4.在接口处拦截文件，如图：

　　5.配置完成后，三种环境的打包方式如下：

　　App打包离线环境：npm运行alpha

　　包应用程序本地环境：npm运行构建

　　App打包正式环境：npm在线运行

　　关于vue cli3子环境打包步骤的这篇文章到此为止。有关vue cli3子环境打包的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。