javascript - 使用 WebPack 和 Babel 组合、缩小并转换为 ES5

Question

我有一个工作完美的项目，是用 TS 编写的，我必须将其转换为纯 JS，它在大部分情况下都可以工作。我正在努力解决的问题是在文件合并和缩小后删除默认的 WebPack 加载器，WebPack 在最终输出中包含一个加载器，即使我不需要加载器，因为所有文件都合并为一个大文件。

+ filea.js
+ fileb.js
+ filec.js
+ filed.js
-> output bundle.js

我读过一些文章/帖子，建议手动创建一个配置文件，提供将组合和缩小的每个文件的名称，这可能工作正常，但问题是我正在处理的项目被分解为小块(模块)，以便 WebPack 等工具足够智能，知道何时应将文件添加为最终输出中的依赖项。

我知道我们可以组合和缩小多个单独的 JS 文件，但是当涉及到导出单个文件时，对于 TS 来说，这项任务似乎微不足道，但在普通 JS 世界中，有关该主题的信息很少或根本没有。

Answer 1

我不明白一件事，你想要一个大文件还是小的单独模块( block )？

小模块的示例:

module.exports = {  
  entry: {    
    app: './src/app.js',
    admin: './src/admin.js',
    contact: './src/contact.js'  
  }
};

另一种方法是一个主模块，它包含所有较小的模块。

module.exports = {  
  entry: {    
    app: './src/app.js'  
  }
};

您还可以使用延迟加载之类的方法。然后模块( block )将仅在需要时动态加载。 lazy-loading

这是使用多个条目 webpack-boilerplate 的示例.