反应降级配置和蚂蚁设计配置的详细说明

对降级配置做出反应

1.使用创建-反应-应用程序创建目录

2.检查当前目录中package.json文件中的配置

注意：

可以看到目前的react-scripts是2.1.2版本，只兼容IE11及以上版本，所以为了更好的兼容IE浏览器，我们需要做一个降级配置。

3.输入目录并在主分支下配置它(如果在创建的目录中没有. git文件，使用git init初始化目录)

注意：

在主分支下配置的原因是运行npm运行弹出，如下所示

4.删除原始的反应脚本

5.重新安装相应的版本(例如1.x版本，相对稳定的版本)

6.添加git库(将上面的更改添加到git库中，这就是为什么如果没有. git文件，您必须首先初始化它)

7.运行npm运行弹出(如果有错误，不用担心，只要弹出成功就行)

8.由于重新配置，您可以先删除节点模块，然后在NPM I中重新安装依赖项。

9.npm开始查看是否可以运行(可能会报告错误，解决方案如下)

10.删除package.json中的browserslist(因为这个配置是react-script 2 . x的版本，如果降级后仍然存在，代码运行时会报错)

少配置

1.1.src中的所有内容都可以删除，留下index.js

2.创建一个App.js(检查此时是否可以运行，并显示App.js的内容)

3.创建App.less并将文件导入App.js(导入)。/App.less ')

4.安装较少的软件包

5.配置less文件，并在config中找到dev文件

6.找到里面的css配置，复制一份到css配置文件的底部，将加载器中的css改为少加载器，选项如下

7.配置选项后，您需要重新启动项目才能生效

这时，配置较少的已经生效

蚂蚁设计配置

1.安装antd

2.根据需要安装加载组件代码和样式的插件

3.在package.json的babel中配置(注意在babel中配置，不要在babel之外写)

4.以测试参考按钮为例(首先重启)

5.在ant中配置样式变量

可以配置以下样式变量

6.除了第5条中的配置方法之外，还可以引入配置(在配置文件中创建新的配置文件color.js)

7.将colors.js引入dev，然后调用

8.修改较少，并在产品中引入默认颜色，如在开发中

9.最后，npm运行构建检查是否会有任何错误

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。