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

【问题标题】：Vue CLI: set default style language to scssVue CLI：将默认样式语言设置为 scss
【发布时间】：2018-12-21 18:04:52
【问题描述】：

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

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

【问题讨论】：

我 90% 确定目前没有此选项。但绝对看起来很有用。可能会提出很好的功能请求。
我不知道。如果您的代码编辑器支持 sn-ps 或 autcompletion，您可以编写自己的组件模板，或者在您输入 style 时让它建议完整的 <style lang="scss">。

标签： vue.js vue-cli

【解决方案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'
  }
}

【讨论】：