使用React_ui:
我们主要用的是蚂蚁金服提供的ui库:https://ant.design/index-cn 。
官网内有详细的说明。我们需要注意的是引入时我们要注意按需加载。
输入命令:
npm install antd-mobile --save
npm install react-app-rrewired customiza-cra --save-dev (按需加载)
在这里实现我们不需要引入但它可以按照我们的要求加载样式,需要在最外层目录中添加config-overrides.js文件
文件中的内容如下:
const { override, fixBabelImports } = require('customize-cra');
module.exports = override(
//针对antd实现按需打包
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory:'es',
style: 'css',
}),
);
安装后如图所示: