从零到一搭建React项目以及降级兼容IE低版本 - Go语言中文社区

从零到一搭建React项目以及降级兼容IE低版本


首先我们要大家要了解为什么要降级

  因为react-scripts是2.1.8版本,且只兼容IE11以上,所以为了更好的兼容IE浏览器,我们需要做降级配置。
  所以降级后最大的好处就是可以兼容IE
  但是很多爱思考的朋友们就会想到,降级以后会有什么不利的影响
  笔者可以很负责任的跟您说无不良影响,如果非要说不良影响的话就是react的体积会变大一点。

接下来笔者给大家说降级的步骤

  1. 首先创建一个react项目,(在命令行create-react-app yourProjectName) 如果网络不是很好可能要等很久。不要心急。
    在这里插入图片描述
  2. 查看当前目录下的package.json文件中的配置
    在这里插入图片描述
  3. 进入目录,在master分支下进行配置(如果创建好的目录中没有.git文件,使用git init初始化目录)
    在这里插入图片描述
    如果有这个master了就不需要git init了。
    注意:
    之所以要在master分支下进行配置,是为了在下文中运行npm run eject。
  4. 将原来的react-script删除
npm uninstall react-scripts -S

在这里插入图片描述
5. 重新安装对应版本(比如1.x的版本,比较稳定的版本)

npm i react-scripts@1.x -S

在这里插入图片描述
6. 添加git库(将以上做的修改添加到git库,这也是为什么如果没有.git文件,一定要先初始化)

git add .
git commit -m “降级react-scripts”

在这里插入图片描述
7. 运行npm run eject(如果有报错,可以不用管,只要有ejected successfully就可以)

npm run eject

在这里插入图片描述
在这里插入图片描述
可以忽略红色框中的error,只要有ejected successfully就可以。
8. 由于重新配置可以先删除node-moduls,然后再npm i 重新安装依赖

rm -rf node_moduls
npm i

在这里插入图片描述
9. npm start,查看是否能运行(可能会报错,解决方案在下面)

npm start
  1. 删除package.json中的browserslist(因为这个配置是react-scripts2.x版本的,再降级以后,需要删除package.json中的“browserslist”配置项)
    在这里插入图片描述

如果你要配置项目的绝对路径的话请看这里:

在这里插入图片描述

找到你的webpack.config.prod.js和webpack.config.dev.js这俩个文件。然后再找alias。在alias里面加入你要配置的绝对路径即可。笔者这段代码的意思是配置src目录重命名为@。当想找src下的文件的时候就可以直接@/xxx就可以了。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_43606158/article/details/89430871
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢