使用时: | AMD | CommonJS | UMD | ES6 |
加载方式 | 异步 | 同步 | AMD/CommonJS糅合 | |
输出 | 值得拷贝 | 值得引用 | ||
加载时机 | 运行时加载 | 编译时加载 | ||
加载内容 | 对象 require('./lib') {a:a,fn:fn} module.exports={} | 静态执行 import { fn } from './lib'; .js文件执行fn时才会通过地址 fn()执行函数 | ||
加载一次 | 加载一次 |
commonjs2
module.exports = {
mode: 'production',
entry: {
app: path.resolve(process.cwd(), "./src/index.js"),
},
output: {
path: path.resolve(process.cwd(), "./lib"),
filename: "common.js",
libraryTarget: "commonjs2",
library: "COMUI",
},
}
引入:
import Module from 'comui';
生成的值:
配置:
library: "COMUI",//添加.COMUI层级
libraryExport: 'default',//删除.default层级
UMD
libraryTarget: "umd",
library: 'COMUI',
引用:
import Module from 'comui';
直接可以使用