接上一篇的內(nèi)容繼續(xù)來說，背景篇的內(nèi)容主要是介紹web前端工具的出現(xiàn)的原因和當(dāng)前主要JavaScript模塊化編程的幾種規(guī)范！這篇內(nèi)容主要介紹webpack的初級使用！

注意：目前webpack分為兩個版本：1.x 和2.x這兩個版的對應(yīng)配置方式也是不一樣的，我目前只使用過1.X的版本。下面例子中所有配置的都是1.x的

這里先上一張webpack官方的圖

官方對于webpack的解釋：webpack is a module bundler(webpack就是一個模塊打包機)。它就是分析你當(dāng)前項目的結(jié)構(gòu)把項目中用的瀏覽器不能理解的東西（SCSS , jade, Typescript等），按照合適的方式打包并把它翻譯成瀏覽器可以理解的 css和js。在webpack中一切都是模塊(圖片、CSS也是)。

安裝

注意: 這里使用的環(huán)境為windows下！

webpack是依賴于Node.js的，這就是說，再安裝webpack之前，你的電腦上要先安裝Node.js(且版本不能低于0.6以上)，我們?nèi)?a >官網(wǎng)上下載一個,一路next即可！

安裝好之后我們在CMD中輸入 node -v,來檢查一下當(dāng)前的版本以及是否安裝成功： 

C:\Users\zhang>node -v v7.2.0

接下來，還要說一個東西就是npm(Node package manager)即Node的包管理工具。相當(dāng)于VS中的Nuget(java中的mav