webpack+react安装antd依赖

1.安装babel-plugin-import依赖以及antd

npm install antd babel-plugin-import --save-dev

2.修改webpack.config.js

query: {
                    presets: ['env', "react"],
                    plugins: [
                        [
                            "import",
                            {libraryName: "antd", style: 'css'}
                        ] //antd按需加载
                    ]
                }

3.新建.babelrc配置文件

{
    "presets":["env","react"],
    "plugins": [
        ["import", {
            "libraryName": "antd",
            "style": "css"
        }]
    ] //import js and css modularly
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,710评论 7 110
  • 一、webpack的基本概念 webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个...
    cilla123阅读 1,566评论 0 8
  • 六点十分的闹铃传入了我的耳朵里,迷迷糊糊的将它关闭。打开窗户,映入我眼帘的是一片灰茫茫的景色,微冷的清风吹...
    海上舟啊阅读 257评论 0 2
  • /小斐 道旁忽远忽近 走来模糊的光晕 柔弱的磅礴的回忆 寻着青春的反射点 闹市游走着我这样的人 把时间当成介质 粗...
    BeSomebody阅读 266评论 0 3
  • 学校的樱花又开了,纷纷扬扬,漫天飞舞,甚是漂亮。 武汉大学的樱花雨早就名扬全国。在西安,西安交大和青龙寺的樱花也是...
    哇_哦阅读 454评论 4 3