javascript - vue能够根据webpack的打包命令选择加载不同的模块，比如npm run dev 时，加载一个global.dev.js模块

问题描述

问 题

其实主要想在webpack 执行npm run build , npm run dev ,npm run test 时加载不同的全局变量，比如api的地址，静态资源的地址等。
现在使用vuex每次发布到生产环境时，都手动改一下vuex存储的变量host，感觉有点笨。
如果可以获取打包的参数，比如在执行npm run build ,加载一个global.prod.js 模块,里面定义了生产环境的接口地址，诸如此类，能在打包发布时提高效率，减少错误。

解决方案

可以参考vue-cli的配置
比如生产阶段脚本(build/build.js)里面加入代码: process.env.NODE_ENV = 'production'

这样在main.js中就可以通过判断process.env.NODE_ENV的值来走不同的if判断,给变量设置不同的值.

这篇关于javascript - vue能够根据webpack的打包命令选择加载不同的模块，比如npm run dev 时，加载一个global.dev.js模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！