antd - webpack打包不是按需打包的吗？

问题描述

问 题

第一次用webpack，引入react、antd两个模块，打包之后居然有9兆，注释掉引入antd的代码就只有2兆了，不是说webpack可以按需打包吗，我代码里只用到Button一个模块，为什么貌似全部都打包了？是不是哪里弄错了？

main.js

import React from 'react';
import{render} from "react-dom";
import {Button} from 'antd';

render(
  <div>
     <Button type="primary">Primary</Button>
  </div>
  ,document.getElementById("root"));

控制台

打包出来的common.js占9.41兆

C:\Users\Administrator\Desktop\antDemo>webpack
Hash: a439b1c87d31ba7af967
Version: webpack 1.13.3
Time: 8629ms
    Asset     Size  Chunks             Chunk Names
common.js  9.41 MB       0  [emitted]  main
    + 902 hidden modules

解决方案

见按需加载

这篇关于antd - webpack打包不是按需打包的吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！