Vite——如何配置使用sass

前言

如果只是纯粹的使用其实并不需要配置，只需要安装对应的处理器依赖即可👍，如果需要做全局的配置可以查看 css预处理选项配置；

文档: css预处理器 | css预处理选项配置

内容

vite 提供了对 .scss, .sass, .less, .styl 和 .stylus 文件的内置支持。没有必要为它们安装特定的 Vite 插件，但必须安装相应的预处理器依赖：

# .scss and .sass
npm add -D sass

# .less
npm add -D less

# .styl and .stylus
npm add -D stylus

如果使用的是单文件组件，可以通过 <style lang="sass">（或其他预处理器）自动开启。