佛山外贸网站建设公司,小程序公司代理,深圳网站seo,wordpress移动端缓存1.打包时区分不同环境在自定义配置Vue-cli 的过程中#xff0c;想分别通过.env.development .env.test .env.production 来代表开发、测试、生产环境。NODE_ENVdevelopment
NODE_ENVtest
NODE_ENVproduction本来想使用上面三种配置来区分三个环境#xff0c;但是发现使用test…1.打包时区分不同环境在自定义配置Vue-cli 的过程中想分别通过.env.development .env.test .env.production 来代表开发、测试、生产环境。NODE_ENVdevelopment
NODE_ENVtest
NODE_ENVproduction本来想使用上面三种配置来区分三个环境但是发现使用test来打包后在测试环境会报错报错信息Uncaught ReferenceError: exports is not defined本来以为真的是程序出现什么错误后来发现打包时只打包了部分代码NODE_ENV 设置为 testVue CLI 会创建一个优化过后的并且旨在用于单元测试的 webpack 配置它并不会处理图片以及一些对单元测试非必需的其他资源。2、NODE_ENVdevelopment 创建一个 webpack 配置该配置启用热更新不会对资源进行 hash 也不会打出 vendor bundles目的是为了在开发的时候能够快速重新构建。3、NODE_ENV“someone”环境变量随便给一个值它会默认为NODE_ENV“development” 的打包策略。包内的内容如下原文链接https://blog.csdn.net/qq_33592641/article/details/121585965总结当你运行 vue-cli-service build 命令时无论你要部署到哪个环境应该始终把 NODE_ENV 设置为 production 来获取可用于部署的应用程序。区别环境时可以以 VUE_APP_ 开头的变量命名赋值如下VUE_APP_MODE最后配置文件区别为.env.development NODE_ENVproduction
VUE_APP_MODEdevelopment.env.test NODE_ENVproduction
VUE_APP_MODEtest.env.productionNODE_ENVproduction
VUE_APP_MODEproductionpackage.json scripts: {serve: vue-cli-service serve,serve-test: vue-cli-service serve --mode test,build: vue-cli-service build --mode development,test: vue-cli-service build --mode test,pro: vue-cli-service build --mode production,lint: vue-cli-service lint},重新打包后项目正常2.开发时使用环境变量只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中。你可以在应用的代码中这样访问它们console.log(process.env.VUE_APP_MODE)
