webpack的理解与使用

为什么要用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

                    }