Vue CLI：将默认样式语言设置为 scss

Question

Vue CLI（如Angular CLI）中是否有选项可以将组件样式中使用的默认语言设置为“scss”？

我必须自己设置lang="scss"所有样式标记吗？

Answer 1

您可以尝试在 webpack 配置中以正确的顺序设置加载器。

并且没有一个名为 scss 的特定项目，这里是 sass 它将处理 .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'
  }
}