使用Webpack或Parceljs或其他工具拆分和组织JS文件?

时间:2019-02-06 08:37:47

标签: javascript webpack parceljs

节点使用module.exports / require和ES6导出/导入。

我尝试使用Webpack,但没有设法使我的不同JS文件协同工作。 将bundle.js设置为具有简化代码很容易,但是我没有设法将几个JS文件作为输入,并将它们链接在一起。

有人可以解释(我没有找到明确的信息)如何使用Webpack或Parceljs或其他工具,将项目拆分成多个JS文件,将它们链接在一起以便他们可以使用发挥功能,最后将它们编译在一起?

我已经尝试使用Webpack,但是我的文件没有链接在一起。

期望:了解如何通过按类/对象划分JS文件来设置专业项目。

1 个答案:

答案 0 :(得分:1)

我不知道有什么工具可以将您的整体代码自动拆分为模块。您将需要采用一些创建模块的方法(CommonJS,RequireJS,ES2015模块等),然后从那里使用Parcel / Browserify / Webpack。

除了不污染名称空间的最佳实践之外,在动态加载的帮助下,模块还可以提高性能。 Parcel等人将在启动时仅加载最少的负载。

article很好地概述了一些捆绑选项,本文的第1部分讨论了模块选项。它有些陈旧,但是关于ES2015模块和转译的信息很多。