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动画:从入门到实践
深入理解 Vue 3 的 ::v-deep:让 Scoped 样式无处不达
vue3 ts setup 封装element-plus el-dialog,并使用v-model
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 + ts环境props配置自定义类型
vue3 element-plus实现长滚动,一个一个内容块 和tab联动

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码