VUE3 Vite中使用SCSS SASS


安装 sass 和 sass-loader

PowerShell 全选
yarn add sass sass-loader   --dev

vite.config.ts中配置sass

JavaScript 全选
import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import sass from 'sass'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
  css: {
    preprocessorOptions: {
      scss: {
        sass
      }
    }
  }
});

完成,现在配置已经完成

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:八个独家珍藏的「免费」设计素材网
下一篇:解决uniapp button组件type类型的类型
评论列表

发表评论

评论内容
昵称:
验证码:
验证码
关联文章

VUE3 Vite使用SCSS SASS
如何在Vue 3Vite项目禁用代码压缩打包
VUE使用sass提示在sass文件提示Syntax Error : this.getOptions is not a function
vue3+vist 打包空白
Vue 3项目使用TypeScript和Pinia进行持久化状态管理和初始化操作
使用Vue3轻松集成Lottie-web动画:从入门到实践
vue3 ts setup 封装element-plus el-dialog,并使用v-model
深入理解 Vue 3 的 ::v-deep:让 Scoped 样式无处不达
Vue 3 ,嵌套数据源且需要过滤内部数据源
sass父级选择器
vue typescript 使用big.js编译build会报错
VUE3版本 页面切换后数据丢失问题
如何在 Vue 2 使用 Webpack 构建时为 favicon.ico 设置自定义根路径前缀
vue3 组合模式 组件自己引用自己 递归组件 组件命名
vscode使用vue3+ts时代码提示问题
vue3使用ts开发自定义组件,对外开放方法
vue3 keep-alive跳转回来后 scroll位置丢失
VUE Cli3项目添加LESS支持
vue3 element-plus实现长滚动,一个一个内容块 和tab联动
vue3 + ts环境props配置自定义类型

热门标签
.NET Core .NET Reactor ag-grid AI发布 api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver Codex DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math MCP mitmproxy MVC MySQL Navicat netstat nginx node_modules NSwag Nuget Nuget镜像 number PowerShell pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger to-cms Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows Windows服务 winform wmi xlrd yaml YESCMS YESWEB开发框架 白象 表单提交 播放声音 打开URL 代码混淆 弹窗提醒 端口占用 对象转换 分布式 公共字典 机器码 进程排查 静态资源 开发指南 路由参数 密钥 配置教程 配置文件 权限 人工智能 任务 任务调度 日期间隔 日志 日志记录 省市区 授权验证 数据库 四舍五入 文案 文件读取 文件夹选择 文件目录选择 问题排查 行政区域数据 页面通讯 中间件 CSharp 事务锁 工单系统 并发控制 重复提交 CMS Markdig Markdown markdown-it marked 技术选型 VS Code 开发工具 源代码管理 版本控制 Docker PostgreSQL 时区 部署排查 CMS架构 EF Core 主题系统 二次开发 插件系统 容器 运维命令 镜像清理 Linux NAS 远程挂载 飞牛 fnOS S/4HANA SAP GUI SAP HANA SAP R/3 SAP入门 SAP版本 ERP SAP SAP MM 库存管理 物料管理 采购管理 入门教程 SAP S/4HANA SPRO 企业结构 采购组织 MM01 物料主数据 物料类型 BP分组 业务伙伴 供应商主数据 ME41 RFQ 库存物料 采购流程 ME51 消耗性物料 科目分配 采购申请 AC03 ML81N 外部服务 服务主数据 Business Partner SAP培训 ME51N MM模块 Lean Services MM-SRV 外部服务采购 PIR 供应来源 采购主数据 采购信息记录 ME31K 框架协议 计划协议 采购合同 ME01 供应来源确定 货源清单 MEQ1 供应源确定 配额安排 配额评分 MD04 MD21 MRP 计划文件 需求计划 批量程序 MD01N MD02 MRP Live MD05 MM 物料计划 优化采购 供应源 采购订单
联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码