美文网首页
antd 按需引入

antd 按需引入

作者: Poiey | 来源:发表于2019-12-24 22:09 被阅读0次

安装 antd

yarn add antd

再安装三款包

yarn add react-app-rewired customize-cra
yarn add babel-plugin-import

然后在项目根目录创建一个 config-overrides.js 用于修改默认配置。

const { override, fixBabelImports } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: 'css',
  }),
);

package.json文件更改成

  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },

相关文章

  • babel import多个插件的按需引入

    目标,同时配置antd和antd-mobile的按需引入 原本只引入了antd,如下是confing-overri...

  • antd 按需引入

    安装 antd 再安装三款包 然后在项目根目录创建一个 config-overrides.js 用于修改默认配置。...

  • antd按需引入样式无效

    最近在项目中上antd时,发现了一个如果同时引入css modules和按需引入antd,antd样式无效的问题。...

  • create-react-app 踩坑记

    1. 引入antd 按需加载 我是npm run eject后的进行引入antd首先需要安装 babel-plug...

  • react学习笔记 - 小案例

    UI框架用的ant design npm i antd -S全部引入文件很大,建议按需引入 1. antd的样式文...

  • 基础配置

    手脚架安装项目 路由 node-sass配置 Antd按需引入

  • ts antd 按需引入

    如何与ts-loader同时使用?typescript 环境下无法按需加载

  • react 按需引入Antd

    我们现在已经把组件成功运行起来了,但是在实际开发过程中还有很多问题,例如上面的例子实际上加载了全部的 antd 组...

  • antd 组件按需引入

    antd官方只给出了使用create-react-app创建但没有使用npm run eject命令项目的按需引入...

  • react踩坑100次之二脚手架react-create-app

    发现引入antd按需加载,样式不能展示,因为除了要 引入babel-plugin-import,还需要import...

网友评论

      本文标题:antd 按需引入

      本文链接:https://www.haomeiwen.com/subject/fhqqoctx.html