react 移动端使用antd mobile ui库

梦里梦外; 2021-07-24 15:30 662阅读 0赞 
  1. 1、安装
  2.     cnpm install antd-mobile --save
  3.     cnpm install babel-plugin-import --save-dev
  4.     cnpm install react-app-rewired customize-cra --save-dev
  6. 2、设置按需加载和按需打包
  7.     (1)在项目根目录创建(与src同级),config-overrides.js文件
  9.         const { override, fixBabelImports } = require('customize-cra');
  10.             module.exports = override(
  11.                 fixBabelImports('import', {
  12.                 libraryName: 'antd-mobile',
  13.                 style: 'css',
  14.              }),
  15.         );
  16.     (2)修改package.json命令为
  18.           "scripts": {
  19.             "start": "react-app-rewired start",
  20.             "build": "react-app-rewired build",
  21.             "test": "react-app-rewired test --env=jsdom",
  22.             "eject": "react-scripts eject"
  23.           }
  25. 3、配置less和主题样式与之前的antd一样
  27. 4、重新运行项目

发表评论

表情：
评论列表 （有 0 条评论，662人围观）

还没有评论，来说两句吧...

相关阅读