webpack_01_创建新项目

一、创建过程

1.创建空项目

 

2.初始化

打开终端，输入命令：

npm init

 

3.安装webpck

输入命令：

npm i webpack

 

4.安装react

输入命令

npm i react

 

npm i react-dom -S

 

 

 

4.安装babel

为了能加载 jsx文件

(1) 安装babel-loader

npm i babel-loader -D

 

(2)

npm i babel-core -D

 

(3) 

npm i babel-preset-es2015 babel-preset-es2015-loose babel-preset-react -D

 

 

5.html-webpack-plugin

会生成一个html页面，同时在webpack编译的时候，将所有entry都注入到html页面中。名称为配置的public与名称拼接而成。

npm i html-webpack-plugin -D

 

6.rimraf

删除文件夹

 

npm i rimraf