zoukankan      html  css  js  c++  java
  • React(九)create-react-app创建项目 + 按需加载Ant Design

    (1)create-react-app如何创建项目我前面第一章介绍过了,这里就不过多写了,

    (2)我们主要来说说按需加载的问题

    1. 引入antd

    npm install antd --save  

     

    2. 引入react-app-rewired(一个对 create-react-app 进行自定义配置的社区解决方案)

    npm install react-app-rewired --save

      引入 react-app-rewired 并修改 package.json 里的启动配置

      修改scripts:{}里面的内容

       

      

      3. 引入babel-plugin-import 

    npm install babel-plugin-import --save

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

    const { injectBabelPlugin } = require('react-app-rewired');
    
    module.exports = function override(config, env) {
      config = injectBabelPlugin(
        ['import', { libraryName: 'antd', libraryDirectory: 'es', style: 'css' }],
        config,
      )
      return config;
    };

      

      4. 然后在要用的模块中引入,例如:import { Button } from 'antd';

  • 相关阅读:
    No.2 对象与内存控制(内存分配)
    No.1 数组与内存控制
    Json解析 在VS中
    MVC 搜索防止点击其他按钮
    执行多个lanmada表达式查询
    删除重复数据
    分页
    DataSet与二进制文件和XML文件
    关于时间的转换
    转换人民币大小金额
  • 原文地址:https://www.cnblogs.com/yulingjia/p/9724052.html
Copyright © 2011-2022 走看看