1. 程式人生 > >react 初探:webpack 載入css 使用配置

react 初探:webpack 載入css 使用配置

在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 否則樣式會出不來。