禁用 Webpack 的捆绑

我想使用 webpack 作为 typescript 构建工具，这样每个 typescript 文件都会被翻译成 1 个 js 文件。

webpack 指南有这样的配置：

module.exports = {
    entry: './app.tsx',
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js']
    },
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
};

问题：是否可以修改它，使得

• 每个 ts 文件转换为 1 个 js 文件并且（更复杂）
• 这样就不会发生捆绑，并且不会生成 module-webpack-boilerplate ？

remarks:

1. 我知道我可以使用 tsc 来实现这一点，但由于某些原因，如果可能的话我想使用 webpack。我简化了我的场景。

2. 还有另一个问题听起来很相似，但那里的答案对我来说没有任何答案：如何禁用 Webpack 中的捆绑进行开发？ https://stackoverflow.com/questions/38707267/how-to-disable-bundling-in-webpack-for-development

我知道您想放弃捆绑并使用 Webpack 的加载器。我自己也考虑过这样做可以加快我的开发构建过程。但是，我相信您链接的问题正确地给出了答案：目前这是不可能的。最好的方法是使用devtoolWebpack 配置中的属性以启用源映射。如果您只想处理 TypeScript，另一种方法是使用 Gulp 或 Grunt 进行开发构建。