do not support .sass files very well about vue-loader HOT 8 CLOSED

wel... more than one year later and I ran into this again. The docs really needs to updated.

from vue-loader.

You should add

vue: {
  loaders: {
    sass: "vue-style-loader!css-loader!sass?indentedSyntax"
  }
}

into your webpack.config.js's module.exports section to make indentation sass syntax work (note that scss will not).

from vue-loader.

This works:

<style lang="sass?indentedSyntax">
  body
    margin: 0
</style>

from vue-loader.

I tried to add some code in loader(part, lang)

  function loader(part, lang) {
    if (lang === 'sass') {lang = 'sass?indentedSyntax'}
    if (lang === 'scss') {lang = 'sass'}
    lang = lang || defaultLang[part];
    var loader = loaders[lang] !== undefined ? loaders[lang] : loaderPrefix[part] + lang;
    return loader ? loader + '!' : '';
  }

but

<style lang="sass">
  body
    margin: 0
</style>

still not work

from vue-loader.

Or alternatively in the webpack config file:

        test: /\.vue$/, loader: vue.withLoaders({
          sass: "style!css!sass?indentedSyntax"
        })

from vue-loader.

Thx

from vue-loader.

Can the docs be updated on the main site if it only works with the added indentedSyntax lang?

from vue-loader.

+1
Need to be add to the documentation.

from vue-loader.