当我只希望它在一个文件夹/文件中运行时，WebPack ts-loader编译所有文件

Posted 2021-04-20

我发现我的应用程序结构和构建过程中存在使用WebPack，TypeScript和TS-Loader的问题，我认为这是由TypeScript 2.1.4引起的，但显然是在那里。

你可以看到我的另一篇文章中的所有细节：TypeScript 2.1.4 breaking changes in webpack ts-loader

简而言之，我将Gulp和WebPack设置为/client/app.ts的入口点，现在它几乎没有任何东西（当然没有引用/ server /）但是WebPack构建过程的TypeScript编译阶段仍在尝试在/ server上运行（在我的另一篇文章中，显示来自Server文件夹的编译错误，当它应该只从Client文件夹运行时）。

我做错了什么以及如何修复它以便它只在/client/.ts文件上运行，特别是从app.ts中走出结构？

这是我的回购展示了我到目前为止所做的一切：https://github.com/CmdrShepardsPie/test-ts-app/tree/develop

谢谢

答案

您可以通过在onlyCompileBundledFiles中指定选项webpack.config.js来解决此错误

module: {
    rules: [
        {
            test: /\.tsx?/,
            use: [{loader: 'ts-loader', options: {onlyCompileBundledFiles: true}}],
        }
    ],
},

我仍然觉得ts-loader在默认情况下被打破是令人惊讶的，但至少有一个解决方法。