首先webPack是什么？有什么用 ？

webpack可以看做模塊打包機(jī)，它可以分析你的項目，找到j(luò)s模塊以及其他一些瀏覽器不能直接運(yùn)行的拓展語言，并將其轉(zhuǎn)換和打包成合適的格式以供瀏覽器使用。在webpack看來，一切皆模塊，這也是webpack的優(yōu)點，可以讓我們把復(fù)雜的程序細(xì)化為小的文件。

如何安裝webPack?

1、首先要安裝Node.js，Node.js自帶了軟件包管理器NPM。在安裝過程中注意環(huán)境變量的配置，測試安裝成功的指令為：node -v以及npm -v。

通過NPM安裝webpack。指令如下：npm install webpack -g（這邊是全局安裝），測試安裝成功的指令為：webpack -v。

2、進(jìn)入項目目錄，利用npm init指令創(chuàng)建package.json文件。

3、npm install webpack --save-dev如需安裝指定版本：npm install webpack@1.31.x --save-dev。

4、通過配置來執(zhí)行打包任務(wù)

5、使用webpack構(gòu)建本地服務(wù)器。這個本地服務(wù)器給予node.js構(gòu)建的，不過它是一個單獨的組件，在webpack中進(jìn)行配置之前。需要安裝它來作為項目依賴。指令如下：npm install --save-dev webpack-dev-server。