我尝试缩短打字稿中的导入时间
从 import {Hello} from "./components/Hello";
至 import {Hello} from "Hello";
为此，我发现您可以resolve.alias在webpack中使用，因此我将该部分配置如下
resolve: {
root: path.resolve(__dirname),
alias: {
Hello: "src/components/Hello"
},
extensions: ["", ".ts", ".tsx", ".js"]
},
Webpack构建，并且输出bundle.js有效。但是打字稿的智商抱怨它cannot find the module
所以我的问题是webpack的resolve.alias是否适用于打字稿？
我发现了以下问题，但没有答案。
如果你使用ts-loader，你可能需要您的WebPack同步alias/ resolve设置请paths在您的设置tsconfig.json。
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"Hello": ["src/components/Hello"]
}
}
}
如果您使用awesome-typescript-loader，则可以的WebPack自动从算出这个paths设置在你的tsconfig.json，按从回购这一问题上的地位。这样，您无需在Webpack alias字段中重复相同的信息。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句