tsConfig/baseUrl -- 一键告别相对路径import

2021-03-02 17:28

阅读：772

标签：ext script conf type 文档相对路径 tin lin ack

在tsConfig中，配置:

...
baseUrl: "src"
...

在.eslintrc.json中:

  "settings": {
    "import/resolver": {
      "node": {
        "moduleDirectory": ["node_modules", "src"],
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },

这样做是为了防止eslint报找不到模块的错误。经过上述配置，你就可以像import node_modules一样，import 本地的文件，假设目录结构如下：

src
    ├── api
    │   └── index.ts
    └── pages
        └── App
            └── index.tsx

在配置之前，你在页面中import api：

import api from ‘../../api/index‘

配置之后：

import api from ‘api/index‘

完美~

参考文档:
https://www.typescriptlang.org/tsconfig#baseUrl
https://www.npmjs.com/package/eslint-import-resolver-node

tsConfig/baseUrl -- 一键告别相对路径import

标签：ext script conf type 文档相对路径 tin lin ack

原文地址：https://www.cnblogs.com/imgss/p/14263344.html

上一篇：CSS背景（background）

下一篇：关于使用jQuery如何获取table表格点击行的值

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：tsConfig/baseUrl -- 一键告别相对路径import
文章链接：http://soscw.com/essay/59136.html

亲，登录后才可以留言！

tsConfig/baseUrl -- 一键告别相对路径import

评论

热门文章

推荐文章

最新文章

置顶文章