webpack和babel结合

为啥要用babel。因为用es6写的，要运行到浏览器中，只能翻译成es5.所以用了babel;为啥要用es6写。呵呵~~要你管。

第一步：安装babel相关的东西，按顺序装；

1、npm install --save-dev babel-cli

2、npm install --save-dev babel-core babel-preset-es2015 

3、npm install --save-dev babel-loader

4、其它模块

第二步：配置webpack.config.js文件

在这个文件内增加一个新的module;

module里的loaders配置最基本的要有以下三个字段；

test:要编译的es6文件地址，通常是个文件夹；

loader就是要加载的模块名称了；一般是babel-loader

query：loader的额外选项，告诉loader要加载那些东西，相当于传参；

输出呢?看配置文件吧。