vue-cli4脚手架的搭建:参考:https://www.cnblogs.com/blcorder/p/12015715.html环??境配置下面是项目的环境配置。我一般喜欢用test、preview、production来表达修改test、preview、production三个环境下的package.json文件如下"scripts":{"lint":"vue-cli-servicelint","serve":"vue-cli-serviceserve--modedevelopment","build":"vue-cli-servicebuild--modeproduction","test":"vue-cli-servicebuild--modetest",}在项目根目录新建.env.test和.env.production文件,分别对应两个环境的配置文件。注意名字要对应--mode后面的名字。env.test代码如下NODE_ENV="test"VUE_APP_BASE_URL="测试环境域名"。env.production代码如下NODE_ENV="production"VUE_APP_BASE_URL="生产环境域名"ok,环境就这样配置好了,使用下面的命令对不同的环境进行打包。还有一点需要注意的是,本地环境默认会从.env.development文件中读取配置,所以记得新建一个并存放配置。我的.env.development代码如下NODE_ENV="development"VUE_APP_BASE_URL="localenvironmentThedomainname"从vue-cli3.0开始取消了项目配置。构建和配置目录已被取消。如果需要修改配置,可以在项目根目录新建vue.config.js文件覆盖项目配置,因为项目配置比较多,这里就不分别介绍了,大家可以访问官方文档https://cli.vuejs.org/zh/config/#vue-config-js例如module.exports={/*打包后的静态资源存放目录*/assetsDir:undefined,publicPath:'./',outputDir:'./surface'}
