【 webpack 】- 1 webpack介紹和配置

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 中定義組件的方式，推薦這麼用】

網頁中引入的靜態資源多了以後有什麼問題？

1. 網頁加載速度慢， 因爲 我們要發起很多的二次請求；
2. 要處理錯綜複雜的依賴關係