fix: always setup sass loader options

To be able to use `sass` even when treeShaking disabled (in development mode especially)

Author: kevinmarrec

lib/module.js

@@ -9,6 +9,12 @@ const defaults = {
   treeShake: process.env.NODE_ENV === 'production'
 }
 
+// See https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0-alpha.12
+const sassLoaderOptions = {
+  implementation: require('sass'),
+  fiber: require('fibers')
+}
+
 module.exports = function (moduleOptions) {
   this.nuxt.hook('build:before', () => {
     const options = merge.all([
@@ -25,18 +31,12 @@ module.exports = function (moduleOptions) {
       }
     }
 
+    // Customize sass-loader options
+    Object.assign(this.options.build.loaders.sass, sassLoaderOptions)
+    Object.assign(this.options.build.loaders.scss, sassLoaderOptions)
+
     // Add styles
     if (options.treeShake) {
-      // See https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0-alpha.12
-      const sassLoaderOptions = {
-        implementation: require('sass'),
-        fiber: require('fibers')
-      }
-
-      // Customize sass-loader options
-      Object.assign(this.options.build.loaders.sass, sassLoaderOptions)
-      Object.assign(this.options.build.loaders.scss, sassLoaderOptions)
-
       this.options.css.push('vuetify/src/styles/main.sass')
     } else {
       this.options.css.push('vuetify/dist/vuetify.css')