webpack初學者（1）

 

最近在學習webpack的總結，不完善的但願各位提出寶貴的建議。本篇是以webpack3.0版本爲基礎的學習總結。

一.webpack的概念及做用

   wepack是一個模塊打包兼優化工具。每每一個項目中，有衆多的的依賴包和繁瑣的js文件，有時還要解決sass,less,....等新增樣式的編譯工做，因此在項目的開發中須要webpack做爲輔助工具，而3.0版本肩負起了優化項目的責任。

    1.打包：把多個js文件打包爲一個文件，來減小服務器的壓力和下載貸寬。

    2.轉換：把拓展語言轉換爲普通的js文件，讓瀏覽器順利運行。

    3.優化：優化和提高性能的責任。

二.webpack的安裝

    1.win+R打開任務欄，先安裝node工做環境（自行腦補）。

    2.建立文件名稱。及mkdir <project-name>,建立一個文件。

    3.而後安裝webpack.及npm install webpack --g.(這裏的--g，是全局安裝。也能夠是--save，局部安裝。建議是局部安裝)。

    4.要對webpack進行初始化，及npm init對項目進行初始化。（其中生成的package.json文件，就是說明一些項目的基本信息）。

    5.最後一步就是項目的目錄安裝，及npm install --save-dev webpack.(其中，--save:是說明要保存到package.json文件中。-dev：是在開發環境中使用的包，在生產環境中不使用)。

這樣基本的webpack的工做已經完成，接下來就能夠盡情的玩耍了。

（敬請期待下次分享）