核心概念
entry - 打包的入口
output - 打包的輸出
loaders - webpack 處理js 之外的東西，就是使用的loaders
plugins - webpack 其它功能 比如壓縮**、**分割 等就是通過plugins 來完成的
entry
**的入口（某段**的入口，這個入口會說明這段**所有的依賴 import 了或者require 了哪些東西）
打包的入口
可以單個或多個（多頁面應用程式; 或者單頁面應用程式將業務**放乙個entry，框架**放另乙個entry）
entry 的使用方法，有下面三種，比較推薦第三種。
是對打包成的檔案（bundle）的描述
可以是乙個或多個
自定義規則（多個值時）
配合cdn
配置如下。第二例，有兩個entry， 所有output 中【name】就是entry 中的key 名，【hash】是webpack 打包過程中的標識碼。
在webpack 中處理除了 js 外的其它檔案，就是使用 loaders.
loaders 主要是處理檔案的功能，它將檔案轉化為模組
下面的例子，就是將乙個css 檔案轉化為乙個模組，這樣js 就可以引入它。匪夷所思的場景...
常用 loader
編譯相關
babel-loader, ts-loader
樣式相關
style-loader, css-loader, less-loader, postcss-loader
檔案相關
file-loader, url-loader
plugins
plugins 可以參與打包整個過程，主要功能是打包優化和壓縮、配置編譯時變數等等。
常用 plugins
優化相關
commonschunkplugin
uglifyjswebpackplugin
功能相關
extracttextwebpackplugin
htmlwebpackplugin
hotmodulereplacementplugin
copywebpackplugin
名詞chunk **塊，打包過程會把**分成乙個乙個chunk **塊
bundle 打包後的東東
module 模組
webpack核心概念
1.manifest webpack中runtime和manifest主要用於管理所有模組的互動，主要是用於連線模組化應用程式的所有代 碼。runtime包含 在模組互動時，連線模組所需的載入和解析邏輯，包括瀏覽器中已載入模組的連線以及懶載入模組的執行連線。管理模組互動的流程 當編譯器 compil...
webpack核心概念
打包流程的開始需要乙個入口，用於指定webpack的打包起點，webpack會從入口開始處理工程依賴，構建模組 module 之間的依賴關係樹，這些依賴關係模組在打包時被webpack封裝為chunk，隨後webpack會將chunk打包為bundle 資源入口的路徑字首，在配置時要求必須使用絕對路...
webpack核心概念
配置檔案？是webpack打包的依據，webpack如何打包，打包成什麼樣，全都有配置檔案指定 對於webpack，我們的主要工作也是編寫，配置webpack的配置檔案 1 entry module.exports entry 2 output module.exports output 不配置路徑...