Closed nighca closed 3 years ago
修复默认配置下(对应 webpack devtool: eval)第三方库自带 source map 导致的 warning
devtool: eval
提供配置项 optimization.highQualitySourceMap,可开启高质量 source map,以提供更好的开发调试体验(对应地会影响构建性能)
optimization.highQualitySourceMap
highQualitySourceMap: true 时
highQualitySourceMap: true
devtool: eval-source-map
升级 webpack 到 ^5.13.0,对应升级 html-webpack-plugin & ts-loader
^5.13.0
webpack 5.13.0 开始支持 package.json 字段 exports 中的通配符(新版本 portal-base & fe-core 依赖这个 feature),详见 https://github.com/webpack/webpack/releases/tag/v5.13.0
package.json
exports
highQualitySourceMap
对比 builder serve 启动时的耗时(分别测试两次):
builder serve
highQualitySourceMap: false
未开启时:
开启后:
改动
修复默认配置下(对应 webpack
devtool: eval
)第三方库自带 source map 导致的 warning提供配置项
optimization.highQualitySourceMap
,可开启高质量 source map,以提供更好的开发调试体验(对应地会影响构建性能)highQualitySourceMap: true
时devtool: eval-source-map
)升级 webpack 到
^5.13.0
,对应升级 html-webpack-plugin & ts-loaderwebpack 5.13.0 开始支持
package.json
字段exports
中的通配符(新版本 portal-base & fe-core 依赖这个 feature),详见 https://github.com/webpack/webpack/releases/tag/v5.13.0highQualitySourceMap
对构建性能的影响对比
builder serve
启动时的耗时(分别测试两次):portal-platform
highQualitySourceMap: false
: 10.70s, 10.64shighQualitySourceMap: true
: 14.54s, 14.17sportal-pili
highQualitySourceMap: false
: 18.02s, 16.00shighQualitySourceMap: true
: 23.06s, 22.17s相关链接
开启前后行为
项目中的 React 组件模块
未开启时:
开启后:
第三方库(fe-core)内容
未开启时:
开启后: