《学习webpack之前》

webpack产生的背景：
1、多js文件下全局对象冲突
2、模块加载顺序
3、解决模块或库的依赖
4、大工程模块过多，难以管理

webpack的作用：
1、将所有的依赖拆分成块且按需加载
2、首屏加载耗时少
3、所有的静态文件都是一个模块（css和图片等静态文件）
4、第三方库也可以作为一个模块被加载
5、自定义程度高，你可以按需自定义打包的整个流程
6、适用于大project的开发场景

webpack2.0：
webpack在2016年年底升级了版本，升到了webpack2，之前使用的都是webpack1的版本，相较之下也做了比较多的版本改变，为了方便后来者的学习，本课程将只围绕webpack2的用法来进行讲述。

webpack可以通过CLI指定配置文件,不指定配置文件的情况下，webpack会自动在当前目录寻找文件名为webpack.config.js的配置文件

在package.json中写入webpack和webpack-dev-server常用命令，如下，包括后期咱们还需要划分生产环境和开发环境来进行打包，这个时候npm命令能帮咱们省下不少输入的麻烦。

注意，如果你没有全局安装webpack或者webpack-dev-server，需要把引用的本地路径写明

学习本教程的默认前提是你已经有npm使用的经验，学习过程中会涉及到比较多的npm包安装，具体过程不做描述。
好了，知道了上面的操作之后，咱们就可以正式进入webpack的学习了。