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 模块,里面定义了生产环境的接口地址,诸如此类,能在打包发布时提高效率,减少错误。

阅读 3.9k
1 个回答

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

clipboard.png

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

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题