基于webpack按需引入antd4+

基于webpack按需引入antd4+

自行搭建的简单脚手架，antd5默认自动按需引入css

基础脚手架搭建

git clone git@github.com:Found-404/webpackScaffold.git

下载babel-plugin-import

README中有插件详解

npm install babel-plugin-import -D

修改babel.config.js配置文件

也可能是 .babelrc 文件(视情况而定)

// babel.config.js

// ...

module.exports = {
  // ...
  "plugins": [
    // ⬇⬇⬇🍦🍦🍦⬇⬇⬇
    [
      "import", {
        "libraryName": "antd", // 如果是其他UI组件库可替换该配置
        "libraryDirectory": "es",
        "style": 'css'
      }],
    // ...

  ]
}