javascript - 如何将我的 CommonJS 模块转换为 UMD？

Question

我是 UMD 和 AMD 新手。我在 Browserify 中编写了一个 JS 库，并且刚刚接触到 UMD。我的理解是，如果我为每个模块都包含一段代码，我的模块应该能够在 CommonJs 和 AMD 中使用。

这是我的示例模块。

./src/main.js

import Cookie from 'js-cookie'; // from npm install js-cookie
import lib1 from './lib/lib1';

window.MyModule = function MyModule(options) {
  let lib1;
  function methodA() {

  }

  return {
    methodA: methodA
  };

  (function init() {
    lib1 = lib1();
    // Some initialization code.
  })();
};

module.exports = window.MyModule;

./lib/lib1.js

module.exports = (options) => {
  function func1() {

  }

  return {
    func1: func1
  };
}

这就是我使用 browserify 打包所有内容的方式

browserify src/main.js --outfile dist/main.js --debug

当我想使用这个模块时，我就这么做。

<script src="//main.js"></script>

我的问题是，如何将我的模块转换为 UMD，以便它可以包含在 CommonJS 和 AMD 中。

Answer 1

您可以使用 deamdify、es6ify 和 deglobalify 来完成您想要的操作。

npm install deamdify es6ify deglobalify
browserify -t deamdify -t es6ify -t deglobalify main.js -o bundle.js

来源:http://dontkry.com/posts/code/browserify-and-the-universal-module-definition.html