Vite——如何配置使用sass

发布时间 2023-04-04 17:22:36作者: 。思索

前言

如果只是纯粹的使用其实并不需要配置,只需要安装对应的处理器依赖即可?,如果需要做全局的配置可以查看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">(或其他预处理器)自动开启。