javascript - vue는 webpack의 패키징 명령에 따라 다른 모듈을 로드하도록 선택할 수 있습니다. 예를 들어 npm이 dev를 실행하면 global.dev.js 모듈이 로드됩니다.

Question

실제로는 프로덕션 환경 등의 인터페이스 주소를 정의하는 npm run build , npm run dev ,npm run test 时加载不同的全局变量，比如api的地址，静态资源的地址等。
现在使用vuex每次发布到生产环境时，都手动改一下vuex存储的变量host，感觉有点笨。
如果可以获取打包的参数，比如在执行npm run build ,加载一个global.prod.js 모듈을 webpack에서 실행하여 패키징 및 퍼블리싱 시 효율성을 높이고 오류를 줄일 수 있는 것을 주로 실행하고 싶습니다.

Answer 1

vue-cli 구성을 참조할 수 있습니다
예를 들어 프로덕션 단계 스크립트(build/build.js)에 코드를 추가합니다. process.env.NODE_ENV = 'production'

이렇게 하면 main.js에서는 process.env.NODE_ENV의 값을 판단하고 변수에 서로 다른 값을 설정하여 if판단을 다르게 할 수 있습니다.