美文网首页
Vscode 开启对 webpack alias(文件别名) 引

Vscode 开启对 webpack alias(文件别名) 引

作者: Auroranara | 来源:发表于2022-05-06 16:55 被阅读0次

在vscode中使用alias别名引入文件,jsdoc写的注释看不到。webpack中alias这样设置:

 configureWebpack: {
    name: name,
    resolve: {
      alias: {
        '@': resolve('src'),
      },
    },
  },

将src目录别名设置为@,为了能够有智能提示,我们可以在项目根目录下新建一个 jsconfig.json文件,内容如下:

{
  "compilerOptions": {
      "baseUrl": ".",
      "paths": {
          "@/*": ["src/*"]
      },
      "target": "ES6",
      "module": "commonjs",
      "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

之后import导入有别名时就有注解的提示了,详细内容参考vscode文档

相关文章

网友评论

      本文标题:Vscode 开启对 webpack alias(文件别名) 引

      本文链接:https://www.haomeiwen.com/subject/jklzyrtx.html