React - antd-mobile

最新推荐文章于 2025-05-16 13:35:26 发布

TO_WebNow

最新推荐文章于 2025-05-16 13:35:26 发布

阅读量351

点赞数 2

分类专栏： React 文章标签： react

React 专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何在React项目中集成Ant Design Mobile组件库，包括安装组件库及依赖、配置加载规则、修改启动与构建命令等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

antd-mobile

一

// 下载组件库
1. cnpm install antd-mobile --save

// 下载依赖
npm i --save babel-plugin-import
npm i react-app-rewired@2.0.2-next.0 --save-dev

二
// 在项目根目录下定义加载配置的js模块: config-overrides.js

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

三
修改配置package.json

// 原先
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"

// 修改之后
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test --env=jsdom",
"eject": "react-app-rewired eject"