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 verschiedene globale Variablen laden, wenn das Webpack npm run build, npm run dev, npm run test ausführt, z. B. die Adresse der API, die Adresse statischer Ressourcen usw. Jetzt muss ich jedes Mal, wenn ich vuex zum Veröffentlichen in der Produktionsumgebung verwende, die in vuex gespeicherte Variable host manuell ändern, was sich etwas dumm anfühlt ...

伊谢尔伦 · Answer

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

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