今天繼續上一次學習的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文件的執行具有性能和安全的隱患。不過在開發階段這是一個非常好的選項，但是在生產階段一定不要用這個選項。
今天先看這么多。。剩下下次繼續~~
