vue.config.js 转 vue.config.ts （vue-cli 创建的 vue 项目）

vue-cli 并不支持 vue.config.ts ，源码里没有加载 vue.config.ts

// 在 node_modules\@vue\cli-service\lib\Service.js 文件
const possibleConfigPaths = [
  process.env.VUE_CLI_SERVICE_CONFIG_PATH,
  './vue.config.js',
  './vue.config.cjs'
]

https://www.icodebang.com/article/265463 文章分析了 vue-cli 为什么不加载 vue.config.ts 而是 vue.config.js 。

解决方法：

1. install ts-node cross-env

cnpm install ts-node
cnpm install cross-env

2. edit your package.json，在 script 属性中新增一条命令

"scripts": {
    "service": "cross-env VUE_CLI_SERVICE_CONFIG_PATH=./vue.config.ts ts-node ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve"
}

3. run it

npm run service

---

以下是我的小吐槽可不看：

遇到的问题：

用 vue-cli 创建的 TypeScript + Vue3 项目仍与创建 Vue2 时一样没有 vue.config.js 文件，自己新建 vue.config.js 文件，但是如下图，我强迫症犯了，因为练习的项目打算用 ts ，所以想统一全部都用 ts ，不统一念不通达；其次 ts 文件的图标比 js 文件的好看。

有了想法，有了问题，找百度（但是只找到两条跟我的想法是一致的，而且这两个还是一样的，同一个人写的，其中有一个文字没做处理糊在一起看着心累）。

感谢 作者:一介4188 分享的 issue，虽然你写的方法没让我成功运行起来，但是没有你我一定解决不了这个问题。

我很疑惑：为什么网上要有那么多重复的文章，字都是一样？一定要自己也拥有吗？自己点赞加收藏保存不好吗？要是原版丑看着累，你美化发出来并且注明出处我是支持