使用 vue create name 命令,基于 Vue-Cli 4.5.X 创建 Vue js 2.6.X 项目。
我在根目录下添加了 jsconfig.json 文件。
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"],
"@/modules/*": ["./src/store/modules/*"]
}
},
"exclude": ["node_modules", "dist"],
"include": ["src/**/*"]
}
@别名有效。我可以使用@/store/modules/...
我添加的那个。
@/modules/*
无法正常工作
This dependency was not found:
* @/modules/... in in ./node_modules/cache-loader/dist/cjs...
您有什么想法可以解决这个问题吗?我查看了几个来源,但似乎都没有考虑Vue.js和Vue-cli的设置....
我还认为@/*是vue-cli的默认设置...所以添加它可能是毫无意义的。
tsconfig.json
和/或jsconfig.json
。更具体地说,我们应该始终确保TS的compilerOptions.paths
和webpack的resolve.alias
同步:一个用于IDE支持,另一个用于构建步骤。 - phil294chainWebpack
会更加美观:chainWebpack: (config) => config.resolve.alias.set('@api', path.resolve(__dirname, '..', 'some', 'folder'))
。另请参见此 GitHub 问题。 - phil294