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

学无止境,谦卑而行.

目录
相关文章
|
2月前
|
JavaScript
Vite 项目中如何去集成 Sass
Vite 项目中如何去集成 Sass
32 0
|
3月前
|
JavaScript 前端开发
|
3月前
|
人工智能 前端开发 JavaScript
前端Sass详解说明
前端Sass详解说明
|
4月前
|
存储 缓存 JavaScript
如何从 Vue CLI 迁移到 Vite
如何从 Vue CLI 迁移到 Vite
111 0
|
人工智能 前端开发 JavaScript
前端Vue框架在PostCSS怎样使用sass
为什么要使用PostCss 众所周知转换 px 单位的插件有很多,知名的有 postcss-px-to-viewport 和 postcss-pxtorem,前者是将 px 转成 vw,后者是将 px 转成 rem,精简了不常用的配置。将成为vw优先单位使用,以rem作为回退模式。考虑到vw在移动设备的支持度不如rem,这款插件很好的解决了该问题。然后简单的介绍下。
91 0
|
12月前
|
JavaScript
为老的vueCli项目添加vite支持
为老的vueCli项目添加vite支持
114 0
为老的vueCli项目添加vite支持
|
12月前
|
资源调度 JavaScript 前端开发
nuxt2-storybook-vite:环境搭建、基础使用 / nuxt项目组件库
nuxt2-storybook-vite:环境搭建、基础使用 / nuxt项目组件库
282 0
|
JavaScript 前端开发 API
【入门】你连Babel都不会配?那插件不成乱装了
大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。所以我开始在社区持续输出我所了解到、学习到、工作中遇到的各种编程知识,欢迎有想法、有同感的伙伴加我fe-xiaoxin微信交流~
327 0
|
JavaScript 前端开发
Vue使用PostCSS怎样使用sass
众所周知转换 px 单位的插件有很多,知名的有 postcss-px-to-viewport 和 postcss-pxtorem,前者是将 px 转成 vw,后者是将 px 转成 rem,精简了不常用的配置。将成为vw优先单位使用,以rem作为回退模式。考虑到vw在移动设备的支持度不如rem,这款插件很好的解决了该问题。然后简单的介绍下。
98 0
|
JavaScript 测试技术
Vue3+Vite2环境变量配置,分别配置本地,测试,正式
Vue3+Vite2环境变量配置,分别配置本地,测试,正式
330 0