环境：

- 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", }))];