今天，上完课，学习了webpack的进阶，然后自己试试看，怎么去搭建基于webpack的自动化流程。
##mmp
webpack的使用
1. ` npm install webpack -g|-save|--save-dev // 你要用webpack，先要有webpack吧 `
2. `npm init //初始化npm包 `
3. `touch webpack.config.js //webpack的配置文件--->webpack 是通过这个进行工作的 `
4. `vi webpack.config.js //编写配置文件`
5. `因为webpack相当于加工厂，那加工厂要生产产品，是不是至少要有原料啊。有了原料，是不是要知道原料放在哪里啊，然后才能拿去进行加工啊？ 所以就有了entry--->放你的入口文件，就是你原料的位置，就是你那些js，css等demo的位置`
6. `加工原料成商品，是不是要将商品放在哪个仓库啊，所以就有了output和path，path就是放商品的地址，output就是你的商品`
7. `在对一些原料进行加工的时候，你是不是要对其中的一些进行深加工啊，而深加工是不是先挑选适合的特定的原料来进行加工啊，所以就有module:{ rules:[ {test:/\.js$/,use:{loader:'babel-loader'}} ]}`
8. `有时候，你叫好哥们帮你拿东西的时候，你会叫他的外号吧，而不是叫他名字吧。resolve:{alias:{ jquery:path.resolve(__dirname,'.src/js/jquery.min.js)}}，`
9. `plugins// 忘记了，下次补上`
差不多就这些了。
然后 `webpack`就ok，就能看见自己打包的文件了。当然其中的文件写法也有要求的。在entry的文件中，去require相关的模块。记得要想这个文件被其他文件require使用，要加上module.exports=nameOfDir(文件名）
终于会自己搭建webpack的自动化流程，使用起来棒棒的。但是还是要去看文档。因为一些webpack.config.js中的代码我是copy的啊，并不是很知道。
再次更新，看了文档，然后自己跑跑。学了好多
- 入口 entry
- 出口 output
- 加载器 loader
- 插件 plugin
这些概念很好理解，看完文档就明白了。原料通过入口（entry）进来，然后通过加载器（loader）和插件（plugin）来得到商品，然后通过出口（output）来输出。
具体的写法
由于webpack参考了cmd和amd的用法，就是要什么，require，想输出就module.exports
