模块-别名包的智能感知

Question

我在我的节点项目中使用这个npm模块(module-alias) https://www.npmjs.com/package/module-alias。

要使用这个包，您必须在package.json文件中设置路径别名。

​

​

然而，使用这个包有一个缺点，那就是intellisense不再工作了。

我的问题是如何使用这些路径别名启用智能感知？

Answer 1

问题是你没有在你的林特那里注册这些别名。我建议在这里使用ESLint (即使您使用TypeScript作为TSLint，也将停止使用ESLint)。我的示例还将包括TypeScript结尾。如果您确实希望使其只适用于JavaScript，则可以跳过eslint中的.ts .tsx区段)，以便使intellisense在

.eslintrc.js

settings: {
  "import/resolver": {
    alias : {
      map: [
        ["@","./src"]
      ],
      extensions: [".js", ".jsx", ".ts", ".tsx"],
    },
  }
},

请注意，在本例中，您将需要进口插件 for ESLint。如果您还没有安装它，请安装它。

如果您使用的是TypeScript，您还必须让编译器知道这个别名。所以把这个添加到你的

tsconfig.json

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