javascript - vue kann wählen, ob unterschiedliche Module entsprechend dem Verpackungsbefehl von Webpack geladen werden sollen. Wenn npm beispielsweise dev ausführt, wird ein global.dev.js-Modul geladen.

Question

Tatsächlich möchte ich hauptsächlich das npm run build , npm run dev ,npm run test 时加载不同的全局变量，比如api的地址，静态资源的地址等。
现在使用vuex每次发布到生产环境时，都手动改一下vuex存储的变量host，感觉有点笨。
如果可以获取打包的参数，比如在执行npm run build ,加载一个global.prod.js-Modul im Webpack ausführen, das die Schnittstellenadresse der Produktionsumgebung usw. definiert, was die Effizienz verbessern und Fehler beim Verpacken und Veröffentlichen reduzieren kann.

Answer 1

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

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