原文:记解决 `antd is not defined` 解决ant design 打包体积过大的问题

用 react antd开发了一个页面,最后webpack打包的大小竟然达到了 . M ,gzip压缩之后也有 kb。 这超出了能承受的范围,我一个小网站哪有这么大的带宽。 . 找原因 开始的时候并不知道是antd的锅,后来发现了一些工具可以提供UI来分析打包的js的组成部分。比如这个: https: www.npmjs.com package webpack bundle analyzer 借助 ...

2019-10-06 11:57 0 2139 推荐指数:

查看详情

解决 webpack 打包文件体积过大

webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大。下面就来讲下如何从多个方面进行优化。 去除不必要的插件 刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包 ...

Tue Dec 24 05:45:00 CST 2019 0 752
webpack打包经验——处理打包文件体积过大问题

前言 最近对一个比较老的公司项目做了一次优化,处理的主要是webpack打包文件体积过大问题。 这里就写一下对于webpack打包优化的一些经验。 主要分为以下几个方面: 去掉开发环境下的配置 ExtractTextPlugin:提取样式到css文件 ...

Wed Jul 18 19:08:00 CST 2018 0 22761
webpack 打包文件体积过大解决方案(code splitting)

优化对比 :   未优化前:index.html引入一个main.js文件,体积2M以上。   优化后入:index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个文件控制300k以内.(如果高兴100k也没问题 ...

Sun Nov 13 00:51:00 CST 2016 1 10036
解决antd design的Modal组件弹出卡顿的问题

#cnblogs_post_body img { max-width: 600px; height: auto } 代码: 解决方案1:   将导入antd组件css样式的代码删除,改为;   但是这样不能实现按需导入,加载了全部的 antd 组件 ...

Tue Jan 14 20:13:00 CST 2020 0 1733
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM