title: NuxtJS & SASS Loader - Build with sass-loader (SCSS) on production
body: <p>I've added this lines to build with sass-loader on development (local) server:</p>
  
  <p><strong>nuxt.config.js</strong></p>
  
  <pre><code>module.exports = {
  
    mode: 'spa',
  
    build: {
      analyze: {
        analyzerMode: 'static',
        generateStatsFile: true,
        statsFilename: 'webpack-stats.json',
        openAnalyzer: false
      },
      vendor: [
        'axios',
        'vuetify'
      ],
      extend (config) {
        config.resolve.alias['vue'] = 'vue/dist/vue.common'
        const vueLoader = config.module.rules.find((rule) =&gt; rule.loader === 'vue-loader')
        vueLoader.options.loaders.scss = 'vue-style-loader!css-loader!sass-loader?' + JSON.stringify({
          includePaths: [
            path.resolve(__dirname), 'node_modules'
          ]
        })
      }
    }
  
    ...
  }
  </code></pre>
  
  <p>The problem is on production, I've this error:</p>
  
  <blockquote>
    <p>Cannot find module "!!vue-style-loader!css-loader!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7ef06ffa","scoped":true,"hasInlineConfig":true}!sass-loader?{"includePaths":["/app/config","node_modules"]}!../../../node_modules/vue-loader/lib/selector?type=styles&amp;index=0!./index.vue"</p>
  </blockquote>
  
  <p></p>
  
  <sub><em>This question is available on <a href="https://nuxtjs.cmty.io" rel="nofollow noreferrer">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c6871" rel="nofollow noreferrer">#c6871</a>)</em></sub>