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

学无止境,谦卑而行.

目录
打赏
0
0
0
0
67
分享
相关文章
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
将 Babel 插件应用于实际项目中
【10月更文挑战第25天】如果在应用插件过程中出现问题,可以检查 Babel 配置是否正确、插件的依赖是否安装完整、构建工具的集成是否正确等,逐步排查和解决问题。通过以上步骤,就可以将 Babel 插件成功应用到实际项目中,实现特定的代码转换和功能增强。
|
5月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
394 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
Vite是什么?怎样使用Vite创建Vue3项目?
Vite是什么?怎样使用Vite创建Vue3项目?
223 0
|
7月前
|
Vite 项目中如何去集成 Sass
Vite 项目中如何去集成 Sass
78 0
|
9月前
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
187 1
|
9月前
|
vue3+vite项目配置ESlint
vue3+vite项目配置ESlint
583 0
为老的vueCli项目添加vite支持
为老的vueCli项目添加vite支持
166 0
为老的vueCli项目添加vite支持
nuxt2-storybook-vite:环境搭建、基础使用 / nuxt项目组件库
nuxt2-storybook-vite:环境搭建、基础使用 / nuxt项目组件库
384 0

热门文章

最新文章