конфигурация laravel-mix для загрузчика vue

Question

Я пытался создать модули css, используя vuejs.Однако я не могу понять, как настроить веб-пакет.

Вот мой компонент Vue

  <template>
    <div>
      <div :class="$style.header_top">
      </div>
    </div>
  </template>
  <style module lang="scss">
    $black: #1e1e1e;
    $white: #fff;

    .header {
      position: absolute;
      width: 100%;

      &_top {
        background-color: $black;
        padding: 15px 0;
      }
     ....
   </style>

Это моя конфигурация laravel-mix:

    mix.webpackConfig({
      module: {
        rules: [
          {
            test: /\.css$/,
            resourceQuery: '/module/',
            loaders: [
              'vue-style-loader',
              'css-loader',
              {
                loader: 'sass-loader',
                options: {
                  modules: true,
                  localIdentName: '[local]_[hash:base64:8]',
                },
              },
              'vue-loader'
            ]
          },
        ],
      }
    });

IУ меня нет опыта работы с webpack, и прошло уже почти 8 часов с тех пор, как я начал это делать, и единственный прогресс, который я сделал, - это то, что он сейчас компилируется: D.

Заранее спасибо.