vsCode中编写vue项目时，webpack配置的alias别名无效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vsCode中编写vue项目时，webpack配置的alias别名无效相关的知识，希望对你有一定的参考价值。
参考技术A 1、vsCode工具配置（settings.json文件配置所有项目可用）解决方案一：
在插件市场中安装Path Intellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：
解决方案二：
在插件市场中安装Path Autocomplete插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：
2、项目配置
如项目需要单独配置，可根据以下提示信息。在项目根目录中添加jsconfig.json或tsconfig.json文件：
具体配置如下：
"compilerOptions":
// 项目根路径
"baseUrl": "./",
// 别名映射路径
"paths":
"@/*": ["src/*"],
"store/*": ["src/store/modules/*"]
,
// 编译时排除以下目录文件使用配置规则
"exclude": [
"node_modules",
"dist"
],
// 编译时包含以下目录文件使用配置规则
"include": [
"./src/**/*.vue"
]
结语：vsCode工具配置别名时推荐使用第二种方案（因为第一种不太好用）
以上是关于vsCode中编写vue项目时，webpack配置的alias别名无效的主要内容，如果未能解决你的问题，请参考以下文章
vscode 编写vue项目，配置，符合eslint风格，自动保存格式化