优化打包 antd Icons 大小

没优化的情况下，打包后Icons的大小大约500k左右，很多项目其实使用的Icons并不是很多，所以很有必要缩小这一部分的大小，言简意赅，下面说说优化方法。
1、新建icons.js文件，导出项目中使用到的icons。

export { default as CloseOutline } from '@ant-design/icons/lib/outline/CloseOutline';
export { default as InfoCircleOutline } from '@ant-design/icons/lib/outline/InfoCircleOutline';
export { default as InfoCircleFill } from '@ant-design/icons/lib/fill/InfoCircleFill';
export { default as LeftOutline } from '@ant-design/icons/lib/outline/LeftOutline';
export { default as CheckOutline } from '@ant-design/icons/lib/outline/CheckOutline';
export { default as EditOutline } from '@ant-design/icons/lib/outline/EditOutline';

2、在webpack中设置别名

 resolve: {alias: {'@ant-design/icons/lib/dist$': path.resolve(__dirname, 'src/utils/icons.js')},},

done!

优化打包 antd Icons 大小相关推荐

vue element-ui 优化打包 bundle js 大小
背景最近开发的一个项目使用了 vue+ element-ui 的技术栈,当然,还有其他的一些工具库,比如 axios. 说一下我的开发步骤,基础结构是通过 vue-cli@2.x 创建的,手动的加入 ...
记一次webpack4+react+antd项目优化打包文件体积的过程
背景最近自己整了一个基于webpack4和react开发的博客demo项目,一路整下来磕磕碰碰但也实现了功能,就准备发到阿里云上面去看看,借用了同事的阿里云小水管服务器,配置完成之后首页加载花了十几 ...
Vue3系列(三)之CDN引入依赖包优化打包速率
目录一.概述二.CDN网站分享三.打包前后对比四.实例代码 1.index.html 页面 2.vue.config.js 2.1 cdn预设值 2.2 在configureWebpack下定 ...
PlayFramework1.2.7介绍及优化打包发布[四]
静态文件的处理及后续的发布上文我们分析了一下源码,解决了只编译java类的问题,获得了precompiled/java中的所有内容,那么这一节我们需要解决剩下的几块内容: 生成precompiled ...
vite配置cdn优化打包体积
文章目录前言一.版本确认二.使用步骤 1.rollup-plugin-visualizer打包体积可视化面板 2.配置cdn方法第一种方法: vite-plugin-cdn-import 第二 ...
白鹭引擎用java_白鹭引擎发布 5.1.6 版优化打包 iOS Android App 的运行性能
原标题:白鹭引擎发布 5.1.6 版优化打包 iOS Android App 的运行性能在3月12日,我们将为白鹭引擎推出5.1.6 版本.5.1.6版本是对去年12月份发布的5.1版本的一次功能 ...
Android签名打包很慢,Android APK快速签名—优化打包时间
一.Android签名机制 Android签名机制可划分为ROM签名机制与第三方APK签名机制,在这里只讨论APK签名机制. Android系统在安装APK的时候,首先会检验APK的签名,如果发现签名 ...
cocos2d-x优化内存和程序大小
转自:http://www.tuicool.com/articles/Nnq63y 在大部分情况下,是纹理(textures)消耗了游戏程序大量的内存.因此,纹理是我们首要考虑优化的对象,特别是当你碰 ...
Vue项目优化打包——前端加分项
前言 Vue项目开发完毕后,对项目进行打包发布之前,必不可少的操作就是项目优化,这也是程序猿的加分项.跟随本文的脚步来看看如何对项目进行优化吧~ 一.路由懒加载为什么需要路由懒加载当刚运行项目的时 ...

优化打包 antd Icons 大小

优化打包 antd Icons 大小相关推荐

最新文章

热门文章