title: FullCalendar Vue - Webpack bundling error on /node_modules/@fullcalendar/common/main.css
body: <p>I am attempting to use @fullcalendar/vue3 along with webpack to bundle an example calendar -- but my webpack bundler is failing when it comes across the css file, saying unexpected token. I assume i would need a proper loader for the css, but I am not sure how it should be.</p>
  <p>App.vue component</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;FullCalendar/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import FullCalendar from '@fullcalendar/vue3';
  
  export default {
    components: {
      FullCalendar
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>webpack.config.js <code>rules</code> section</p>
  <pre class="lang-js prettyprint-override"><code>rules: [
      {
          test   : /\.vue$/,
          exclude: /node_modules/,
          use    : 'vue-loader'
      },
  
      {
          test: /\.scss$/,
          use : [
              MiniCssExtractPlugin.loader,
              {loader: 'css-loader', options: {url: false, sourceMap: argv.mode === 'development'}},
              {loader: 'postcss-loader', options: {sourceMap: argv.mode === 'development'}},
              {loader: 'sass-loader', options: {sourceMap: argv.mode === 'development'}}
          ]
      },
  
      {
          test   : /\.js$/,
          exclude: /node_modules/,
          use    : {
              loader: 'babel-loader'
          }
      }
  ]
  </code></pre>