如何自动创建react项目的webpack

在用creata-react-app脚手架构建react项目的时候,

 当我们使用软件打开之后,会发现共有几个文件

其中:
1.node_modules是各个插件存放位置
2.public用于放置静态资源,里面的资源不会参与构建
3.src是源码文件,一般做开发就在这个文件夹,会参与打包构建

重点来了:
在package.json中:
只有三个依赖,分别是react,react-dom,react-scripts,依赖为什么这么少,是因为像webpack,babel等等都是被creat react app封装到了react-scripts这个项目当中,包括基本启动命令 都是通过调用react-scripts这个依赖下面的命令进行启动的,creat react app搭建出来的项目默认支持这4种命令,start以开发模式启动项目,build将整个项目进行构建,test进行测试,eject,会将原本creat react app对webpack,babel等相关配置的封装弹射出来,如果我们要将creat react app配置文件进行修改,现有目录下是没有地方修改的,此时,我们就可以通过eject命令将原本被封装到脚手架当中的命令弹射出来,然后就可以在项目的目录下看到很多配置文件。

建议:
安装完毕后,首先执行npm run eject;

补救方法:
先git add .
然后git commit -m “init”
然后再npm run eject
————————————————
版权声明:本文为CSDN博主「hongyanwin」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_30841657/article/details/91872302

原文地址:https://www.cnblogs.com/liyue666/p/12016829.html