合集-Vite

在Vite构建的项目中使用svg图标
摘要：安装插件 这里使用yarn来安装vite-plugin-svg-icons插件 yarn add vite-plugin-svg-icons 文件配置 在vite.config.ts中进行文件配置，首先是引入插件，其次是在plugins中添加配置 iconDirs中存放的就是图标文件地址数组，这里的 阅读全文
posted @ 2023-10-15 21:07 隔岸苦晴 阅读(367) 评论(0) 推荐(0) 编辑
在Vite项目中使用scss创建全局变量
摘要：配置 这个也就是配置全局scss的过程，在vite.config.ts的defineConfig中添加属性，其中additionalData为scss中引入文件的书写方式： // scss全局变量的配置 css: { preprocessorOptions: { scss: { javascript 阅读全文
posted @ 2023-10-15 22:27 隔岸苦晴 阅读(1430) 评论(0) 推荐(0) 编辑
vite中使用scss导出变量到js/ts中作为变量使用
摘要：定义scss 定义一个scss文件，注意，这里的文件名要以module.scss结尾，不然会出现读写错误的问题。 $background-color_hover: #e4e8ec; $background-color_chosed: #f44343; :export { bgc_hover: $ba 阅读全文
posted @ 2023-10-25 22:23 隔岸苦晴 阅读(1246) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示