webpack打包的时候如何指定 tsconfig.build.json

在使用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文件。

posted @ 2024-04-08 13:02  龙陌  阅读(216)  评论(0)    收藏  举报