设置alias路径别名时路径提示

405 阅读1分钟

alias

一般我们会给前端工程化项目设置路径别名,像这样子:

resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src')
  }
}

可是这会带来一个小问题,那就是,当我们编写到这时没了路径提示

import SomeModule from '@/'

想要有路径提示,就在jsconfig.json或者tsconfig.jsoncompilerOptions里添加这个配置

// jsconfig.json 
// or 
// tsconfig.json

  "compilerOptions": {
      "paths": {
        "@/*": [
          "src/*"
        ]
      },
  },