VSCode 对 Webpack 配置 resolve alias 的路径智能提示

最新推荐文章于 2026-08-15 13:40:01 发布

原创最新推荐文章于 2026-08-15 13:40:01 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端开发

当前文章被收录于：

前端开发

31 篇文章 0 人学习

订阅专栏查看详情

Javascript

当前文章被收录于：

Javascript

15 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在项目根目录下创建jsconfig.json或修改tsconfig.json来配置路径别名，实现模块的便捷引用。具体包括设置baseUrl、paths属性及排除node_modules和dist目录的方法。

项目根目录下创建：jsconfig.json

{
  "compilerOptions": {
      "baseUrl": "./",
      "paths": {
          "@hoc/*": ["src/hoc/*"]
      }
  },
  "exclude": ["node_modules", "dist"]
}

如果使用的是TypeScript：修改typescript.json

{
  "compilerOptions": {
      // ... otherOptions
      "baseUrl": "./",
      "allowJs": true,
      "paths": {
          "@hoc/*": ["src/hoc/*"]
      }
  },
  "exclude": ["node_modules", "dist"]
}

标签

#javascript