为什么要用webpack呢?
因为webpack里面可以说一切都是模块 它对于目前最火的前端三大框架(vueJs angulaJs ReactJs)来说非常适合 与三大框架配合的非常完美
webpack的特点
1.babel实时编译
2.测试
3.热更新
4.可以自己搭建服务器
用来下载的东西的命令
首先在此之前最好npm init 下载好工程文件
1.npm install webpack -g webpack的命令行
2.npm install webpack-server webpack自带的服务器 npm run dev启动
各种依赖的库
3.npm install babel-core -D babel核心
//转译ES6
4.npm install babel-preset-es2015 -D
5.npm install babel-loader -D babel加载器
6.npm install webpack -D 本地的webpack
7.npm install webpack-dev-server 本地的服务
8.npm install babel-preset-react -D 转译react JSX的
9.npm install react-dom -D
10.npm install style-loader -D
11.npm css-loader -D
.....
12.npm install react-hot-loader -D
下载完后需要配置文件
webpack.config.js
entry:'主文件的名称' index.js(react)
output:{
path:_dirname
}