webpack4 library项目改打包esm输出
很多前端库项目现在输出还是用的webpack4
输出umd
格式js,这里改一下输出称esm
1.升级webpack到webpack5
"webpack": "^5.91.0",
2.修改webpack.config
修改library的输出type为 module
, 同时module
改为true
{
// ...
output: {
// ....
library: {
type: 'module'
},
module: true
},
externals: {}, // externals
experiments: {
outputModule: true
},
}
关闭代码压缩
optimization: {
minimize: false, // 关闭代码压缩
// 其他optimization配置...
},