前端项目技术点总结：React项目创建

（一）webpack基本使用和配置

项目初始化；

安装webpack和其脚手架webpack-cli；

新建webpack.config.js文件，并且配置；

安装插件html-webpack-plugin，并且配置；

安装webpack-dev-server，配置热启动；

安装对应loader（css，js，图片等等）；

创建webpack.config.js，配置入口、出口、插件和loader；

然后在package.json里配置热启动等命令。

具体步骤如下所示：

1）项目初始化

npm init -y

说明：-y指yes的意思，省略了敲回车的麻烦。

2）安装webpack和webpack-cli

npm install webpack webpack-cli --save-dev
或者：
yarn add webpack webpack-cli --save-dev

3）新建webpack.config.js，配置入口和出口

在src目录下新建main.js文件。