Question

我想将webpack用作打字稿构建工具，以便将每个打字稿文件翻译成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？

说明：

我知道我可以使用tsc，但出于某些原因我想尽可能使用webpack。我简化了我的方案。
还有另一个问题听起来像是一样的，但那里的答案对我没有回答：How to disable bundling in Webpack for development?

Answer 1

我知道你想放弃捆绑并使用Webpack的加载器。我自己也考虑过这个加速我的开发构建过程。但是，我相信你所链接的问题正确地说明了答案：目前这是不可能的。最好的方法是使用Webpack配置中的devtool属性来启用源映射。另一种方法是使用Gulp或Grunt作为开发构建，如果你想要的只是处理TypeScript。

从Webpack禁用捆绑

1 个答案: