webpack antd 按需加载

2021-05-04 05:27

阅读:627

标签:plugin   target   按需加载   name   one   runtime   div   bow   component   

安装babel-plugin-import插件。下面方法二选一,都可以实现antd的按需加载。

一、配置webpack.config.js文件

{
    test: /.jsx?$/,
    exclude: /(node_modules|bower_components)/,
    use: [{
        loader: ‘babel-loader‘
    }],
    options: {
        "plugins": [
            [
                "import", {
                    "libraryName": "antd",
                    "style": true
                }
            ]
        ]
    }
}

二、配置babelrc文件

{
  "presets": ["env", "react"],
  "plugins": [
    "transform-runtime",
    "transform-object-rest-spread",
    [
      "import", {
        "libraryName": "antd",
        "style": true
      }
    ]
  ]
}

webpack antd 按需加载

标签:plugin   target   按需加载   name   one   runtime   div   bow   component   

原文地址:https://www.cnblogs.com/crazycode2/p/12117015.html

上一篇:html常用标签

下一篇:HTML基础总结


评论


亲,登录后才可以留言!