工程化
文章平均质量分 94
前端工程化
Vanghua
这个作者很懒,什么都没留下…
展开
-
Webpack的Loader和Plugin
1.总类型前置loader普通loader内联loader后置loader2.默认类型默认为normal类型3.修改类型配置时可以通过enforce修改类型。Plugin在Webpack工作流程插入操作来扩展Webpack功能。原创 2024-04-10 20:21:12 · 1507 阅读 · 0 评论 -
组件库打UMD包
项目使用的是antd4.x,在组件库未单独打umd包前还需要引入样式文件,在打包时还配置了插件将antd依赖的momentjs转为体积较小的dayjs。最后的umd包的体积是960KB左右,我们的目标是1.2MB左右,说明仍然可以借助提取第三方包作为外部依赖来压缩umd包的体积。在上面几个问题的解决中已经把一些体积较大的包放入外部依赖,但是打包成umd后进行体积分析,发现体积很大,最后的umd包的体积是1.49MB左右。打包时在common组件库打包入口类似于antd的es包引入了所有组件并重新导出。原创 2024-03-15 17:33:33 · 1627 阅读 · 0 评论 -
Webpack学习记录
打包入口,从一个或多个入口打包打包文件输出位置webpack本身只能编译JavaScript处理模块化。编译CSS等其它资源需要借助loader。扩展webpack的功能。开发模式下运行项目并热更新。开发模式development和生产模式production。原创 2024-03-14 22:00:39 · 1237 阅读 · 0 评论