请问如何将npm module中的模块转换成umd直接在浏览器引用?
网友回复
有两种方式
一、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%


