#### Loader ``` use: ['style-loader', 'css-loader'] ``` Loader的執行順序是從后往前的，因此，先用css-loader讀取css文件，再由style-loader將css內容注入到script標簽里。每個Loader都可以以url的形式傳入參數`use: ['css-loader?minimize']`。 style-loader的工作原理大致就是將css內容用js里的字符串存儲起來，在網頁執行JS時通過DOM操作動態向head標簽中插入style標簽。 #### DevServer DevServer會將webpack構建出的文件保存在內存中，訪問時必須通過http訪問。 #### 核心概念 * Entry：入口，構建時的第一步將從入口開始 * Module：模塊，webpack一切皆模塊，一個模塊對應一個文件 * Chunk：代碼塊，由多個模塊組成，用于代碼合并與分割 * Loader：模塊轉換器，將原內容轉換成新內容 * Plugin：擴展插件，用于改變構建結果 * Output：輸出結果 Webpack在啟動后會從entry里配置的module開始遞歸解析entry所依賴的所有module。每找到一個module就會根據配置里的loader去轉換它。對該module解析后，再去解析它所依賴的module以此類推。這些模塊會以entry為單位進行分組，比如，一個entry及其所以依賴的所有module就是一組，也就是一個chunk。最后，所有的chunk被轉換成文件輸出。在整個流程中，webpack會在恰當的時機執行plugin（時機取決于每個plugin）。