在使用Webpack打包TypeScript项目时,如果你想要指定一个不同于默认的tsconfig.json的配置文件,你可以通过TypeScript的编译器选项tsconfig来实现。
以下是一个基本的配置示例,你需要在webpack配置文件中的TypeScript loader中添加这个选项:
const path = require('path');
module.exports = {
// ...
module: {
rules: [
{
test: /.tsx?$/,
use: [
{
loader: 'ts-loader',
options: {
configFile: path.resolve(__dirname, 'tsconfig.build.json'),
},
},
],
exclude: /node_modules/,
},
// ...
],
},
// ...
};
在这个配置中,ts-loader使用了一个自定义的tsconfig.build.json配置文件,这个文件应该位于你的webpack配置文件相同的目录下,或者你可以通过path.resolve来指定正确的路径。
确保你有一个名为tsconfig.build.json的文件,并且它位于正确的位置。例如:
{
"compilerOptions": {
"module": "es2015",
"target": "es5",
// 其他编译选项...
},
"include": [
"src/**/*"
],
"exclude": [
"node_modules"
]
}
这样配置后,当你运行Webpack打包时,ts-loader会使用指定的tsconfig.build.json配置文件来处理TypeScript文件。
标签:TypeScript,配置文件,webpack,loader,json,build,tsconfig From: https://www.cnblogs.com/longmo666/p/18120896