如何指定vue.config.js的存放位置？@vue/cli 3.x配置咨询

嘿，刚好我在@vue/cli 3.x里折腾过类似需求，给你梳理几个可行的方案，顺便说清楚你提到的chainWebpack/configureWebpack为啥没法解决这个问题：

这是最直接的方法，vue-cli-service本身支持通过--config参数手动指定配置文件的位置，不管你的vue.config.js在哪个目录，只要把路径写对就行。

比如你的配置文件放在./config/vue.config.js，那启动开发服务的命令就改成：

vue-cli-service serve --config ./config/vue.config.js

打包命令同理：

vue-cli-service build --config ./config/vue.config.js

为了不用每次手动敲这么长的命令，你可以把它写到package.json的scripts里，比如：

{
  "scripts": {
    "serve": "vue-cli-service serve --config ./config/vue.config.js",
    "build": "vue-cli-service build --config ./config/vue.config.js"
  }
}

之后直接运行npm run serve或者npm run build就会自动加载你指定位置的配置文件了。

@vue/cli 3.x支持通过VUE_CLI_SERVICE_CONFIG_PATH这个环境变量来指定配置文件的路径，适合不想改命令参数的场景。

比如在Linux/macOS终端里可以这样设置：

export VUE_CLI_SERVICE_CONFIG_PATH=./config/vue.config.js
vue-cli-service serve

Windows cmd里则是：

set VUE_CLI_SERVICE_CONFIG_PATH=./config/vue.config.js
vue-cli-service serve

如果要做跨平台兼容，可以先安装cross-env依赖（npm install cross-env --save-dev），再把环境变量和命令整合到package.json的scripts里：

{
  "scripts": {
    "serve": "cross-env VUE_CLI_SERVICE_CONFIG_PATH=./config/vue.config.js vue-cli-service serve",
    "build": "cross-env VUE_CLI_SERVICE_CONFIG_PATH=./config/vue.config.js vue-cli-service build"
  }
}

很遗憾，这两个配置项没法实现迁移vue.config.js的需求。因为chainWebpack和configureWebpack本身就是vue.config.js文件里的配置字段，只有当@vue/cli-service加载到vue.config.js之后，才会执行这些配置逻辑。换句话说，它们是“依赖于vue.config.js存在”的，没法反过来指定加载哪个vue.config.js。

最推荐的是方案一，直接修改package.json的scripts，简单直观，团队协作的时候其他人也不用额外配置环境变量；如果有特殊需求（比如根据不同环境加载不同路径的配置），方案二更灵活。

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