create-react-app下项目集成Ant Design
发布日期:2021-05-10 14:32:45 浏览次数:17 分类:精选文章

本文共 1399 字,大约阅读时间需要 4 分钟。

���������������������������������create-react-app ������������������������������������ npm run eject ������������������������������������������

������������������

  • ���������������create-react-app on_the_go
  • ���������������������cd on_the_go
  • ���������������npm start
  • ������������������������������Ant Design���

    ������������Ant Design

  • ������������
  • ���������npm install antd-mobile --save

    ��� src/index.js ���������Ant Design������������������

    import 'antd-mobile/dist/antd-mobile.css';

    ������������������������Ant Design������������

    import React from 'react'; import { Button } from 'antd-mobile'; function App() { return (

    ); } export default App;

    1. ������������������������
    2. ������������������������������������

      npm install react-app-rewired customize-cra --save-dev npm install babel-plugin-import --save-dev

      ������������������package.json������������������

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

      ��������������������������������������������������� config-overrides.js ���������

      const { override, fixBabelImports } = require('customize-cra'); module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', style: 'css', }) );

      ������ src/index.js ���������������������������������

      ������������������������

      import 'antd-mobile/dist/antd-mobile.css';

    上一篇:react项目中修改webpack配置 ---- 按需加载 Ant Design Mobile和自定义主题
    下一篇:vue 在移动端的富文本 vue-html5-editor 实现

    发表评论

    最新留言

    留言是一种美德,欢迎回访!
    [***.207.175.100]2025年04月28日 04时30分59秒