今天继续上一次学习的Webpack。今天主要是自己的搭建以及实战，所以文字可能不多。
文章是这篇 入门Webpack，看这篇就够了
鉴于我是按照这篇文章中的东西直接操作，具体的步骤我就不复制了，只记录一些自己的感受以及一些自己查询到的东西。
- 文中下面这个命令行写了重复两边。可以不用执行，如果执行或告诉你报错，报错的原因是因为重名了，一般没必要执行两遍。
npm install --save-dev webpack
- 我用的是mac，右键（两个手指点击的事件，我习惯叫做右键）是没有新建文件这个选项的，我查了一下，可以使用命令行，非常方便。
touch fileName.js
- 在文章中下面一段对package.json的配置中，注释必须删掉，否则会报错。
{
"name": "webpack-sample-project",
"version": "1.0.0",
"description": "Sample webpack project",
"scripts": {
"start": "webpack" //配置的地方就是这里啦，相当于把npm的start命令指向webpack命令
},
"author": "zhang",
"license": "ISC",
"devDependencies": {
"webpack": "^1.12.9"
}
}
- Webpack的特性之一是可以生成Source Maps（使调试更容易）
在webpack的配置文件中配置source maps，需要配置devtool，它有以下四种不同的配置选项，各具优缺点。
分别是source-map、cheap-module-source-map、eval-source-map和cheap-module-eval-source-map，这四者打包速度越来越快，不过同时也具有越来越多的负面作用，较快的构建速度的后果就是对打包后的文件的的执行有一定影响。
在学习阶段以及在小到中性的项目上，eval-source-map是一个很好的选项，但是打包后输出的JS文件的执行具有性能和安全的隐患。不过在开发阶段这是一个非常好的选项，但是在生产阶段一定不要用这个选项。
今天先看这么多。。剩下下次继续~~
