react 初探:webpack 載入css 使用配置
阿新 • • 發佈:2018-12-06
在react 中,使用模組載入器來將css 載入到整個模組中。下面看具體的配置
在 webpack.config.js 的配置檔案中,需要在css模組載入器中啟用css modules(webpack中將css 進行模組化),
{
test: /\.css$/,
use: [
{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
modules: true, // 指定啟用css modules
localIdentName: '[name]_[local]_[hash:base64:5]' // 指定css的類名格式
}
}
],
},
這裡配置了兩個css的載入器,其中對css-loader 這個載入器啟用css modules,並且設定了特定格式的hash 型別格式。localIdentName: '[name]_[local]_[hash:base64:5]'
,
需要注意的是, 必須指定對一個載入器使用css modules 否則樣式會出不來。