webpack2.0

webpack是一个模块管理工具，将所有资源看作模块，可以快速模块化构建前端项目。

start:

         1.安装webpack

                         （1）.npm init(会建立一个package.json文件，里面记录了项目所有的依赖) ;（2）.npm install --save-dev webpack;

         2.coding

                        建立index.html,index.js,index.html引入的js应该是打包后的js,对于需要引入的模块，通过npm install（自动更新package.json）下载，在引用位置import

              

      3.配置webpack

                    新建webpack.config.js,配置入口文件，打包文件路径等信息。使用node语法

4.使用npm启动webpack

         （1）修改package.json

               

      (2)开始构建，npm run build

learn a little more：

webpack把一切资源（js/css/html/图片）看作模块，所有模块都是可以被加载的，所以要在webpack.config.js中为各类资源定义加载器。

如图：  

加载器在module对象中定义，css的加载器需要style-loader、css-loader,使用前记得要先npm install 一下。