1、Ant Design Mobile中文文档

2、安装
npm install react-app-rewired customize-cra --save-dev

3，打开 package.json ，找见scripts 直接全部替换

/* package.json */
"scripts": {"start": "react-app-rewired start","build": "react-app-rewired build","test": "react-app-rewired test --env=jsdom",
}

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

直接粘贴到config-overrides.js就可以

const {override,fixBabelImports,addWebpackAlias,addDecoratorsLegacy,
} = require("customize-cra");
const path = require("path");
const rewirePostcss = require("react-app-rewire-postcss");
module.exports = override(// 配置按需加载fixBabelImports("import", {libraryName: "antd-mobile",style: "css",}),// 配置文件别名addWebpackAlias({"@": path.resolve(__dirname, "src"),"@scss": path.resolve(__dirname, "src/assets/scss"),"@images": path.resolve(__dirname, "src/assets/images"),"@views": path.resolve(__dirname, "src/views"),"@network": path.resolve(__dirname, "src/network"),"@store": path.resolve(__dirname, "src/store"),"@components": path.resolve(__dirname, "src/components"),}),addDecoratorsLegacy(),(config, env) => {// 重写postcssrewirePostcss(config, {plugins: () => [require("postcss-flexbugs-fixes"),require("postcss-preset-env")({autoprefixer: {flexbox: "no-2009",},stage: 3,}),require("postcss-px2rem-exclude")({// 设计稿宽度/10remUnit: 1080 / 10,exclude: /node-modules/i,}),],});return config;}
);

5、现在安装代码可能你看不懂，我也是根据提示，替大家踩坑了，大家可以直接下载

1、npm install babel-plugin-import --save-dev

2、npm i react-app-rewired start -D

3、npm start

1、npm i react-scripts -D

2、npm i react-app-rewire-postcss -D

3、npm start

1、npm i postcss-px2rem-exclude -S

2、npm start

然后好了

react 配置ant-Mobile相关推荐

前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（二）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二) 前言定义 Model connect 起来更新state 拥抱变化主题切换更换页面获取当前设备类 ...
jenkins中配置Ant
一.安装ant 官方主页http://ant.apache.org下载新版的ant. *下载对应的版本,解压到我们的硬盘. 二.配置环境变量 Window中设置ant环境变量: ANT_HOME ...
jenkins配置ant
写在前面: 1.jenkins版本和jdk版本要基本对应,我用了jdk1.8使用了最新版本的jenkins,很多插件下载不下来,外部下载导入了也存在问题,这两个东西还是需要匹配: 2.jenkins下 ...
暴漏React配置时报错Remove untracked files, stash or commit any changes, and try again.
暴漏React配置时报错"Remove untracked files, stash or commit any changes, and try again." 原因是react ...
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（一）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(一) 前言现在的效果安装 dva-cli 创建新应用预览项目文件结构简单介绍使用 antd做页面定义 ...
webpack4+react配置多页面移动端应用程序
webpack4+react配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案 webpack配置基础配置开发环境配置 react+redux热重载生产环境配置 .babelr ...
基于React、Ant Design的ButtonGroup组件
目录介绍使用方式安装使用 API Props children 介绍本组件基于React.Ant Design,适用于React + Ant Design项目本组件设计为超过一定数量的按钮 ...
react 用html插件,React配置过程中用到的插件汇总
●react插件 ●react-dom插件 ●react-router插件 ●react-redux插件 ●babel插件 ●webpack插件 ●loader插件 ●jquery插件 ●moment ...
CentOS6.3 安装配置 ant
OS:CentOS6.3 ant版本:apache-ant-1.9.2-bin 第1步:下载ant apache-ant-1.9.2-bin.tar.gz 第2步:解压 tar -zxvf apach ...

react 配置ant-Mobile

1、Ant Design Mobile中文文档

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

react 配置ant-Mobile相关推荐

最新文章

热门文章