Vue CLI: set default style language to scss

Question

Is there an option in Vue CLI (like in Angular CLI) to set the default language used in component styles to "scss"?

Must I set lang="scss" in all my style markups by myself?

Answer 1

You can try to setup your loaders in webpack config in a correct order.

And in there isn't a specific item called scss it is sass here which will handle .scss

module: {
  loaders: [{
    test: /\.js$/,
    loader: 'babel',
    exclude: /node_modules/
  }, {
    test: /\.vue$/,
    loader: 'vue'
  }, {
    test: /\.s[a|c]ss$/,
    loader: 'style!css!sass'
  }]
},
vue: {
  loaders: {
    scss: 'style!css!sass'
  }
}