首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Tslint或tsconfig中禁用深度导入?

在TypeScript项目中,如果你想要禁止深度导入(deep imports),你可以通过配置TSLint或tsconfig.json来实现

方法1:使用TSLint

  1. 首先,确保你已经安装了tslinttslint-import-destructuring
代码语言:javascript
复制
npm install tslint tslint-import-destructuring --save-dev
  1. 在项目的根目录下创建或编辑tslint.json文件,添加以下规则:
代码语言:javascript
复制
{
  "rules": {
    "import-destructuring/destructuring": [true, { "allowImportFromCore": false }]
  }
}

这将禁止从@angular/core包中导入任何深度导入。

方法2:使用tsconfig.json

从TypeScript 3.7开始,你可以使用paths属性来禁止深度导入。

  1. 在项目的根目录下创建或编辑tsconfig.json文件。
  2. 添加paths属性并设置"noImplicitReturns": true
代码语言:javascript
复制
{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@angular/*": ["node_modules/@angular/*"],
      "rxjs/*": ["node命名空间rxjs/*"]
    },
    "noImplicitReturns": true
  }
}

这将确保TypeScript编译器不允许从@angular/core包中导入任何深度导入。

注意

  • 使用这些配置后,如果你尝试进行深度导入,TypeScript编译器或TSLint将抛出一个错误。
  • 如果你使用的是Angular项目,请确保遵循Angular官方文档中的模块导入建议。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券