目的：因為傳統的link加載css樣式會發起二次請求，所以我們需要在webpack中使用loader加載css樣式

準備：你需要準備一個已經配置好的webpack項目

配置cssloader

第一步：安裝相對應的插件 （cnpm i style-loader css-loader -D）

如果出現警告說：需要依賴webpack就再安裝一下

第二步：配置webpack.config.js

配置less loader

第一步：安裝插件（cnpm i less-loader less -D）

第二步：配置

配置sass loader

第一步：安裝插件 （cnpm i sass-loader node-sass -D）

第二步：配置

測試

mian.js

index.css & index.scss

index.html

啟動項目

結果：

閱讀更多 IT生涯 的文章

關鍵字: 技術 配置 樣式