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文件。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18120896.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！