webpack编译出来的css不生效

Posted 2022-09-02 vieber

问题背景

项目从webapck3升级到webpack5，vue中的scss编译出来的是这个样子，

webpack配置

                test: /\\.(scss)$/,
                use: [
                    
                        loader: 'css-loader',
                        options: 
                            esModule: false
                        
                    ,
                   
                    
                        loader: 'sass-loader',
                        options: 
                            implementation: require('sass'),
                        ,
                    
                ]
            ,

但是就是不生效

看起来scss loader配置没问题，就是vue-loader配置版本的问题了。