webpack學習筆記

1.概述

webpack_是一個現代 JavaScript 應用程序的靜態模塊打包器,它將根據模塊的依賴關係進行靜態分析，遞歸地構建一個依賴關係圖(dependency graph)，其中包含應用程序須要的每一個模塊，而後將這些模塊按照指定的規則生成對應的靜態資源。
我的理解：實質上就是將各類模塊之間的依賴關係根據必定的規則進行分解，最後生成對應的非模塊化的靜態資源，將模塊裏面全部的js，jsx，scss，vue等根據規則變成最原始的html，css和js則是依賴一些plugins（插件）進行的轉換。

2.基本狀況

（1）4個核心的概念

1.入口（entry）
指定模塊的入口，做爲構建的依賴圖的開始，能夠寫多個入口，使用CommonsChunkPlugin爲每一個頁面間的應用程序共享代碼建立 bundle。因爲入口起點增多，多頁應用可以複用入口起點之間的大量代碼/模塊，從而能夠極大地從這些技術中受益。

CommonsChunkPlugin主要是用來提取第三方庫和公共模塊,避免首屏加載的bundle文件或者按需加載的bundle文件體積過大，從而致使加載時間過長,詳情這篇文章介紹得很清楚https://segmentfault.com/a/11...

module.exports = {
entry: ['./src/index.js']
}

2.出口（output）
告訴 webpack 在哪裏輸出它所建立的bundles，以及如何命名這些文件

3.注意事項

4.其餘