我使用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'