React--css_loader中使用localIdentName報錯


在webpack.config.js配置文件中的css_loader中使用localIdentName如下:

module: {   //所有第三方模塊的配置規則
        rules: [  //第三方匹配規則
            //可以在css-loader之后通過?追加參數
            //其中有個固定的參數modules,表示為普通的CSS樣式表啟用模塊化
            {test: /\.css$/, use: ['style-loader', 'css-loader?modules&localIdentName=[path][name]-[local]-[hash:5]']},   //打包處理css樣式表的第三方loader       
        ]
    },

但是運行的過程報如下錯誤:

 將css-loader規則修改成成下面這種即可成功運行:

module: {   //所有第三方模塊的配置規則
        rules: [  //第三方匹配規則
            {
                test: /\.css$/,
                use: [
                    {loader: "style-loader"}, 
                    {loader: "css-loader",
                     options: {
                        modules: {
                            localIdentName: "[path][name]-[local]-[hash:5]"
                        }
                     }
                    }],   //打包處理css樣式表的第三方loader
            }
        ]
    },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM