修改Vue2项目package.json配置devserver自定义构建模式是否正确

你的现有scripts配置：

"scripts": {
    "serve": "vue-cli-service lint --fix && vue-cli-service serve --open --mode devserver",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint --fix"
  }

配置正确性结论 #

上述配置完全符合Vue CLI的使用规范，是正确的。

合规性说明 #

• 自定义模式匹配正确：Vue CLI规定--mode参数后跟的模式名，会自动对应项目根目录下.env.[模式名]的环境变量文件，你设置的--mode devserver和已创建的.env.devserver文件名完全匹配，可以正常加载该文件下的环境变量。
• 脚本执行逻辑合理：你通过&&串行命令，先执行代码格式自动修复，修复无报错后再启动开发服务、自动打开浏览器，逻辑符合常规开发流程，没有语法错误。

注意事项 #

• 如果你在.env.devserver中定义了需要在前端业务代码中读取的变量，变量名必须以VUE_APP_为前缀，否则Vue CLI不会将变量注入到前端运行环境，仅能在Node构建侧读取。
• 如果运行serve脚本后环境变量未生效，优先检查.env.devserver文件名是否拼写错误、是否放置在和package.json同级的项目根目录。

内容的提问来源于stack exchange，提问作者Eric Brown - Cal