在vue-cli中配置alias无效

Question

用的vue-cli创建的项目，在webpack.base.conf里面配置了alias，为何还会报错

webpack.base.conf配置

在main.js里面引入

npm run dev 就报错了

This dependency was not found:

• common/stylus/index.styl in ./src/main.js

To install it, you can run: npm install --save common/stylus/index.styl

Answer 1

webpack.base.conf配置是没问题的，应该是import 路径错了

Answer 2

import 'src/common/stylus/index.styl'也不行吗

Answer 3

楼主解决了吗

Answer 4

配的是 webpack 的，vscode 不认识这样的路径，需要下载插件 path-intellisense 然后本地配置
"path-intellisense.mappings": {

"config": "${workspaceRoot}/src/config",
"lib": "${workspaceRoot}/src/lib",
"store": "${workspaceRoot}/src/store",
"i18n": "${workspaceRoot}/src/i18n",
"component": "${workspaceRoot}/src/component"

}

代码智能跳转:
需要早项目根目录创建 jsonfig.json：
{
"include": [

"./src/**/*"

],
"compilerOptions": {

"baseUrl": ".",
"paths": {
    "component/*": ["src/component/*"],
    "config/*": ["src/config/*"],
    "lib/*": ["src/lib/*"],
    "i18n/*": ["src/i18n/*"],
    "store/*": ["src/store/*"]
}

}
}

Answer 5

报错是找不到文件路径，把用path.join()方法拼接的路径输出看看是否出错