如何使用webpack生成多个js文件?

时间:2020-05-22 00:52:06

标签: javascript webpack babeljs

这是场景:

我继承了一个Express应用程序,该应用程序提供了引用使用ES6 / ES6模块的多个JavaScript文件的多个静态HTML。我们决定支持IE11,所以现在我要负责翻译/捆绑所有内容,以便IE11不会抱怨。

我设法通过使用babel使用ES6功能手动转译文件,然后使用webpack捆绑使用模块的文件,从而使该应用程序在IE11上运行。我想自动化这个过程,这就是我遇到的麻烦。

如何实现以下情况?

  1. 所有JS文件都将被转译为与IE11兼容,并保留为它们自己的文件(例如script1.js→script1_transpiled.js)
  2. 使用模块的文件将被捆绑在一起(例如script2.js,dependency.js→script2_bundled.js)

我只在React的上下文中使用过webpack和babel,所以我只知道它产生了一个包。想到的一种想法是将所有JS文件打包为一个文件,然后在多个HTML文档中引用该文件,但是我担心性能。这是代码拆分的地方吗?

希望有更多想法

0 个答案:

没有答案