javascript - Webpackresolve.alias 不適用於打字稿？
環境：
- node v6.9.2
- typescript v2.4.1
- webpack v1.15.0
- awesome-typescript-loader v3.2.1問題：
在tsx中報錯 Module not found 'tools'...
import { toFieldValue } from '@utils/tools';
在webpack的設定中加入resolve.alias
resolve : {
alias: {
// 这里配置没有问题, jsx中可以正常使用
"@utils": "./src/utils"
}
}
jsx中引用(可以使用)
import { toFieldValue } from '@utils/tools'
tsx配置
{
"compilerOptions": {
"outDir": "./dist/",
"module": "commonjs",
"target": "es6",
"sourceMap": true,
"allowSyntheticDefaultImports": true,
"jsx": "react",
"pretty": true,
"noImplicitAny": true,
"traceResolution": true,
"baseUrl": ".",
"paths": {
"@utils/*": ["./src/utils/*"]
},
"lib": [
"dom",
"es2015.promise",
"es5",
"es2015.iterable",
"es2015.generator",
"es2015.symbol",
"es7"]
},
"include": [
"./src/**/*"
],
"exclude": [
"node_modules"
],
"awesomeTypescriptLoaderOptions": {
"useBabel": true,
"useCache": true
}
}
-
webpack新增設定（webpackConfig是webpack的設定）
webpackConfig.resolve.plugins = [(new TsConfigPathsPlugin({ configFileName: "tsconfig.json", compiler: "typescript", }))];
