CODEWITHSUNDEEP
javascriptwebpackamd
sangaran
sangaran

Reputation: 317

How can I integrate custom module loading with webpack?

I'm using Webpack 1 for a frontend project and I have a legacy internal Javascript library which uses its own module system similar to AMD. A module is defined with a code similar to this:

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

Then you can use the modules with a code like this:

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

I would like to be able to use MyLib along with all the other CommonJS modules I'm already using. Can webpack support this somehow?

Upvotes: 4

Views: 972

Answers (1)

Joe Clay
Joe Clay

Reputation: 35787

As far as I know, Webpack doesn't support custom module formats (if someone else knows otherwise, I'd love to be proven wrong, though).

You perhaps could work around this by writing a Webpack loader or a Babel plugin that converts the syntax to one of the module formats that Webpack supports. The latter is what Babel used to do for ES6 imports before Webpack supported them out of the box - it'd just transform them into CommonJS require calls.

Upvotes: 1

Related Questions