webpack入门笔记

对于webpack感觉框架复杂学起来有点乱故整理记录一下。
文本资料：
http://www.cnblogs.com/vajoy/p/4650467.html

参考资料：
http://guowenfh.github.io/2016/03/24/vue-webpack-04-custom/

参考资料：
http://www.tuicool.com/articles/bA3eym7
参考资料：
https://zhuanlan.zhihu.com/p/20367175
https://zhuanlan.zhihu.com/p/20397902
https://zhuanlan.zhihu.com/p/20522487

安装

$ npm install webpack -g
$ npm init
$ npm install webpack --save-dev //把依赖写入 package.json 包去更人性化

配置

• 每个项目下都必须配置有一个 webpack.config.js，里面一个重点是plugins 插件项，可以引入jQuery或者 CommonsChunkPlugin （用于提取多个入口文件的公共脚本部分，然后生成一个 common.js 来方便多页面之间进行复用）
  jQuery的引用方式：
  plugins: [ new webpack.ProvidePlugin({ $: 'jquery' }) ]
• entry 是页面入口文件配置，output 是对应输出项配置（即入口文件最终要生成什么名字的文件、存放到哪里）
  【我的理解是entry里是放置引入的页面作为component和路径】
• loader部分，所有的加载器都需要通过 npm 来加载。举例，要加载一个 url-loader，使用该加载器需要先进行安装：
  npm install url-loader -save-dev