前端模块化/output配置

使用时：	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';

直接可以使用

webpack5打包模块生成方式

模块化解释