搜索

+

95

-

如何将npm module中的模块转换成umd直接在浏览器引用？

node javascript webpack

请问如何将npm module中的模块转换成umd直接在浏览器引用？

网友回复

+

15

-

有两种方式

一、npm-util

先安装

npm install umd-util

安装完后，我们写一个js module保存为src/foo.js

'use strict';
function Foo() {}

开始编译成umd格式

const umdify = require('umd-util');
 
umdify.sync('src/foo.js', {
    destination: 'dist'
});

好了，在dist目录中会多一个foo.js的文件，我们打开看看

(function(root, factory) {
  if (typeof define === 'function' && define.amd) {
    define([], factory);
  } else if (typeof exports === 'object') {
    module.exports = factory();
  } else {
    root.Foo = factory();
  }
}(this, function() {
'use strict';
  function Foo() {}
  return Foo;
}));

你们看已经编译成umd的格式了。

高级用法请参看https://www.npmjs.com/package/umd-util

二、webpack

先安装webpack和webpack-cli

npm install webpack webp...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问