如何强制vue-cli-service build使用package-lock.json（改用npm ci）

要让Vue项目构建时严格遵循package-lock.json的依赖版本，用npm ci替代默认的npm install，可以通过以下几种方式实现：

• 手动前置执行npm ci
  在运行构建命令前，先执行npm ci确保依赖完全匹配lock文件：

  npm ci
  vue-cli-service build
  

  npm ci会直接读取package-lock.json安装依赖，不会修改lock文件，也不会根据package.json的版本范围拉取新依赖，能保证构建环境的依赖一致性。

• 修改package.json的构建脚本
  在package.json的scripts中，把build命令改成先执行npm ci再执行构建：

  {
    "scripts": {
      "build": "npm ci && vue-cli-service build"
    }
  }
  

  之后只需运行npm run build，就会自动先完成依赖的确定性安装，再执行构建流程。

• CI环境中配置前置步骤
  在CI/CD流水线的脚本里，将npm ci作为构建前的固定步骤，比如：

  # CI脚本示例
  npm ci
  npm run build
  

  这是CI环境的最佳实践，能彻底避免不同构建环境下的依赖版本差异问题。

注意：如果项目还没有package-lock.json，需要先执行一次npm install生成该文件，之后才能使用npm ci。

内容的提问来源于stack exchange，提问作者Sebastian