create-react-app项目添加webpack.config.js配置文件

使用create-react-app生成器生成的react项目,默认在根目录下是没有config目录以及config目录下的配置文件的,配置这些文件,费时费力,还特别容易出错.不过好的是,create-react-app给我们提供了一个脚本,可以帮助我们一条脚本语句,生成基本的配置文件,可以让我们继续深入我们的业务开发,而只需要对配置文件根据我们的需要进行局部的修改即可.

create-react-app生成项目后,默认的项目目录是这样的:

没有配置文件的目录,脚手架工具给我们提供的生成配置文件的命令在package.json中,如下:

在我们需要配置文件的时候,只需要运行这行脚本就可以了,

# 使用npm
npm run eject

# 使用yarn
yarn run eject

#使用yarn时也可以不加run
yarn eject

执行该命令后,脚本就会帮我们生成常用的配置文件,如下:

这是帮我们生成的配置文件

需要注意的时,在eject命令帮我们生成了配置文件之后,这条命令,就会在package.json中被移除(是脚本自动被移除的,不需要手动移除,也不是手动移除的).

以后我们再新建了一个新的react项目,如果发现没有配置文件,就不需要百度来百度去查找配置文件了,只需要执行一下脚本就可以了,只需要百度一下需要优化、修改的配置就可以了.