scss not compiling #74

Activity

1. pbrach commented on Aug 25, 2019

   

   Philipp Brachvogel (pbrach)

   on Aug 25, 2019

   Last edited by pbrach

   More actions

   Yes, I just found the same issue and solution as you. Seems like that option part is not entirely correct:

   test: /\.vue$/,
   loader: 'vue-loader',
   options: {
       loaders: {
           'scss': 'vue-style-loader!css-loader!sass-loader',
           'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax',
       }
   }```
   
   and this should be replaced by the code found by @Ymx1ZQ (at least for the SCSS part).
   
   Checking the official vue-loader page I found that the `loader(s)` option is now deprecated (not sure if `loader == loaders`, or a typo? [see options-deprecation](https://vue-loader.vuejs.org/migrating.html#options-deprecation)
   In any case: I can't find any documentation for the `loaders` option anymore on the official page: https://vue-loader.vuejs.org/options.html.
   
   And it seems in the current vue-loader (V15) you need to explicitly specify the loader chain for the styles ([see loader-inference](https://vue-loader.vuejs.org/migrating.html#loader-inference))