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

Posted 2023-02-23

【中文标题】Vue CLI：将默认样式语言设置为 scss

【英文标题】：Vue CLI: set default style language to scss

【发布时间】：2018-12-21 18:04:52

【问题描述】：

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

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

【问题讨论】：

我 90% 确定目前没有此选项。但绝对看起来很有用。可能会提出很好的功能请求。

我不知道。如果您的代码编辑器支持 sn-ps 或 autcompletion，您可以编写自己的组件模板，或者在您输入 style 时让它建议完整的 <style lang="scss">。

【参考方案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'