dingluchao-big v1.0.0

如何打包一个组件和打包一个库

1. 需要打包压缩版本和非压缩版本的库
2. 支持AMD/CMD/ESM 模块的导入 { entry: { large: './src/index.js', large.min: './src/index.js', }, output: { filename: 'name.js', library: 'Large', // 暴露出来的库的名字 libraryExport: 'default', // 不指定default 引入的时候需要.default 如果不这样引用库的时候需要 Large.default libraryTarget: 'umd' }, // 如何做到一个压缩一个不压缩？ npm i terser-webpack-plugin -D optimization: { minimize: true, minimizer: { new TerserPlugin({ include: /.min.js/, }) } }

}

2. 如何做到一个压缩一个不压缩？ webpack4 之后 如果开启的是production 默认用的也是 terserplugin这个插件 terserplugin 基于 uglifyjs改造过来的 uglify3.0是支持es6的压缩的

/**

• 编写出口文件 */ /library_package/index.js package.json 引用这个 用环境变量判断导出哪个库

4. 修改pack.json 发布上去