import antd 后 输出 的 js文件 超过建议最大值 244 KiB

来源:9-6 AntDesign样式框架使用

AlphaSmartGo

2018-08-11

在导入 antd 后,输出的js文件 超过最大值 244 KiB

antd 的导入 使用 babel-plugin-loader

build 控制台会有警告,浏览器中打开时,控制台也有类似警告


WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  vendors~main.bundle.js (250 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  main (254 KiB)
      vendors~main.bundle.js
      main.bundle.js


WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

已经按https://webpack.js.org/guides/code-splitting/所述第二步做过 code splitting 

写回答

1回答

Parry

2018-08-12

antd 如果使用到的组件不多的话,可以按需导入的,官方文档有说明。

0
3
AlphaSmartGo
回复
Parry
没有,现在的大小是3.7M左右
2018-08-14
共3条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程