webpack 15分钟入门

webpack 15分钟

    * 由于JavaScript应用的复杂性日益增加，生成工具成为web应用不可或缺的部分
    * webpack很强大。学习写模块、打包代码、使用loader
    *  有很多类似的工具。webpack, Gulp, Browserify, NPM scripts, Grunt。各有优劣。
    * webpack 优点
        ：非常适合单页应用
        ：可以使用require，import模块语法
        ：允许高级的代码拆分
        ：热重载
        ：最流行的生成工具
    * webpack 缺点
        ：不适合新手
        ：用于非js文件时，最开始会很迷惑
        ：文档不是很好
        ：更新太快，很多16年的教程都不能用了

安装

    * 最好使用本地安装
    * npm install webpack --save-dev
    * 安装完，最好通过npm脚本运行
        + build: webpack -p （生成环境打包）
        + watch: webpack --watch （监控文件）
    * 告诉webpack打包哪些文件，最好使用配置文件
    
webpack 配置文件
    
    * 先看最基本的形式，但注意，有的项目的配置可能会很复杂
    * entry 指定入口文件。配置形式很多，但经常单个入口就够了
    * output 指定输出文件（filename）和路径（path）
    
webpack 模块

    * webpack支持很多模块系统，我们将使用 ES6 语法
    
loaders

    * 安装：npm install jshint jshint-loader --save-dev
    * 配置：module》rules》test，exclude，use