1 在網頁中會引用哪些常見的靜態資源？
+ JS： .js .jsx .coffee .ts（TypeScript 類 C# 語言）
+ CSS：css .less .sass .scss
+ Images：.jpg .png .gif .bmp .svg
+ 字體文件（Fonts）：.svg .ttf .eot .woff .woff2
+ 模板文件：.ejs .jade .vue【這是在webpack中定義組件的方式，推薦這麼用】
2 網頁中引入的靜態資源多了以後有什麼問題？
1. 網頁加載速度慢， 因爲 我們要發起很多的二次請求；
2. 要處理錯綜複雜的依賴關係
3 如何解決上述兩個問題
1. 合併、壓縮、精靈圖、圖片的Base64編碼
2. 可以使用之前學過的requireJS、也可以使 webpack 可以解決各個包之間的複雜依賴關係。
4 什麼是webpack?
webpack 是前端的一個項目構建工具，它是基於 Node.js 開發出來的一個前端工具。
5 如何完美實現上述的2種解決方案
1. 使用Gulp， 是基於 task 任務的；
2. 使用Webpack， 是基於整個項目進行構建的；
+ 藉助於webpack這個前端自動化構建工具，可以完美實現資源的合併、打包、壓縮、混淆等諸多功能。
+ 根據官網的圖片介紹webpack打包的過程
+ [webpack官網](http://webpack.github.io/)
6 webpack安裝的兩種方式
1. 運行`npm i webpack -g` 全局安裝 webpack，這樣就能在全局使用webpack的命令。
安裝好後，在命令行中繼續寫入：nrm ls 可以查看最常用的鏡像地址。
2. 在項目根目錄中運行`npm i webpack --save-dev`安裝到項目依賴中