學(xué)習(xí)鏈接:
https://doc.webpack-china.org/concepts/
webpack處理css類型需要依賴loader
loader 用于對模塊的源代碼進(jìn)行轉(zhuǎn)換。
loader 可以使你在 import 或"加載"模塊時預(yù)處理文件。因此,loader 類似于其他構(gòu)建工具中“任務(wù)(task)”走净,并提供了處理前端構(gòu)建步驟的強(qiáng)大方法雄人。loader 可以將文件從不同的語言(如 TypeScript)轉(zhuǎn)換為 JavaScript渣淳,或?qū)?nèi)聯(lián)圖像轉(zhuǎn)換為 data URL各墨。
loader 甚至允許你直接在 JavaScript 模塊中 import CSS文件茄猫!
require('style-loader!css-loader!./style.css')
//在引用css文件之前必須讓它先經(jīng)過css-loader的處理,如果要修改樣式還需要經(jīng)過style-loader的處理誊抛。