Webpack打字稿配置:node-ts无法解析tsconfig路径别名

时间:2019-04-06 09:37:38

标签: node.js typescript webpack ts-node

我使用typescript作为其配置语言创建了一个新的webpack项目。我遵循了official guide并选择使用tsconfig-paths并创建了一个新的tsconfig.webpack.json文件:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "esModuleInterop": true
  }
}

并创建一个示例Webpack webpack.prod.ts

import { Configuration } from 'webpack'
import MyConfig from '../config/config'

const config: Configuration = {
  // use MyConfig here
}

现在我可以成功构建我的项目了:

cross-env TS_NODE_PROJECT='tsconfig.webpack.json' webpack --config app/config/webpack/webpack.prod.ts

到目前为止很好。

现在,我想添加自定义路径别名,并能够在webpack.prod.ts中使用它们。我更改了tsconfig.webpack.json

{
  "compilerOptions": {
    ...,
    "baseUrl": "./",
    "paths": {
      "CONFIG": ["config/config.ts"]
    }
  }
}

我更改了webpack.prod.ts配置文件并添加:

import MyConfig from 'CONFIG'

上面的配置有效,因为它与我在src文件中使用的相同,并且路径相同。但是,webpack(ts节点)似乎无法解决我的自定义paths

Error: Cannot find module 'CONFIG'

0 个答案:

没有答案