模块SCSS在laravel项目中不起作用

Question

  

安装了一个干净的laravel项目，无法为vue配置模块化scss

我尝试了不同的方法，不仅在这个laravel项目中。但我只是无法设置。

webpack.mix.js

const mix = require('laravel-mix');

const ExtractTextPlugin = require("extract-text-webpack-plugin");

mix.js('resources/js/app.js', 'public/js')
   .webpackConfig({
       module: {
           rules: [
               // {
               //     test: /\.scss/,
               //     loaders: [
               //         {
               //             loader: 'css-loader',
               //             options: {
               //                 modules: true,
               //                 localIdentName: '[local]_[hash:base64:8]',
               //             },
               //         },
               //     ],
               // },

           {
               test: /\.scss/,
               use: [
                   'style-loader',
                   {
                       loader: 'css-loader',
                       options: {
                           modules: true,
                           localIdentName: '[local]_[hash:base64:8]'
                       }
                   },
                   'sass-loader'
               ]
           }

           // {
           //     test: /\.scss/,
           //     use: ExtractTextPlugin.extract({
           //         fallback: 'style-loader',
           //         use: 'css-loader?sourceMap!postcss-loader',
           //         options: {
           //             modules: true
           //         }
           //     })
           // }
       ]
   }
   });

错误

我不明白我需要做什么才能完成这项工作。