如何将自定义模块加载与webpack集成？

Question

我正在使用Webpack 1作为前端项目，我有一个传统的内部Javascript库，它使用自己的类似于AMD的模块系统。模块定义的代码类似于：

MyLib.define('module id', ['my', 'module', 'deps'], function (my, module, deps) { /* module code */});

然后你可以使用这样的代码模块：

MyLib.require(['dep1', 'dep2'], function (dep1, dep2) {});

我希望能够将MyLib与我已经使用的所有其他CommonJS模块一起使用。 webpack能以某种方式支持吗？

Answer 1

据我所知，Webpack不支持自定义模块格式（如果其他人不知道，我很乐意被证明是错误的。）

您可以通过编写Webpack loader或Babel plugin来解决此问题，该语法将语法转换为Webpack支持的模块格式之一。后者是Babel过去为ES6导入所做的事情，然后Webpack开箱即用 - 它只是将它们转换为CommonJS require调用。