Vite——如何配置使用sass

简介: 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">(或其他预处理器)自动开启。

学无止境,谦卑而行.

目录
相关文章
|
3月前
|
JavaScript
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
|
1月前
|
JavaScript 前端开发
将 Babel 插件应用于实际项目中
【10月更文挑战第25天】如果在应用插件过程中出现问题,可以检查 Babel 配置是否正确、插件的依赖是否安装完整、构建工具的集成是否正确等,逐步排查和解决问题。通过以上步骤,就可以将 Babel 插件成功应用到实际项目中,实现特定的代码转换和功能增强。
|
3月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
194 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
2月前
|
存储 资源调度 JavaScript
Vite是什么?怎样使用Vite创建Vue3项目?
Vite是什么?怎样使用Vite创建Vue3项目?
125 0
|
4月前
|
JavaScript
postcss pxtorem 配置
【8月更文挑战第9天】
|
5月前
|
JavaScript
Vite 项目中如何去集成 Sass
Vite 项目中如何去集成 Sass
71 0
|
6月前
|
JavaScript 前端开发
|
6月前
|
人工智能 前端开发 JavaScript
前端Sass详解说明
前端Sass详解说明
|
7月前
|
JavaScript
vue3+vite项目配置ESlint
vue3+vite项目配置ESlint
451 0
|
JavaScript
为老的vueCli项目添加vite支持
为老的vueCli项目添加vite支持
144 0
为老的vueCli项目添加vite支持
下一篇
DataWorks