Vue3集成scss实现清除浏览器默认样式

1.首先去npm官网找到对应的reset.scss文件,复制内容在本地src下style建一个一模一样的文件,内容复制进去npm | Home

2.在style文件夹下再建一个index.scss文件,在它里边引入刚刚建好的reset.scss文件,如下

@import './reset.scss';

3.在main.ts中引入该文件,就可以让清除浏览器样式全局生效

import '@/styles/index.scss'

相关推荐
kyriewen17 小时前
从Webpack到Vite:我们迁移了一个10万行代码的项目,总结了这7个坑
前端·webpack·vite
IT_陈寒18 小时前
Java Stream并行流的坑:我花了3小时才找到的线程安全问题
前端·人工智能·后端
小新11018 小时前
最简单但完整的 Vue 响应式示例(一个简单的计数器按钮)
前端·javascript·vue.js
鹿青19 小时前
给设计稿做体检:我搓了个 Skill,专治 Figma 转代码出垃圾
前端·claude·视觉设计
陈_杨19 小时前
鸿蒙APP开发:足球战术App怎么做拖拽交互?球员拖动与路线绘制
前端
陈_杨19 小时前
鸿蒙APP开发:如果你想在鸿蒙App里做属性动画,@ohos.animator怎么用
前端
陈_杨19 小时前
鸿蒙APP开发:篮球App怎么画球场?鸿蒙Canvas绘图实战
前端
colofullove19 小时前
前端工程搭建与用户访问流程设计
前端
广州华水科技19 小时前
如何利用单北斗GNSS系统实现大坝的变形监测?
前端
代码小库19 小时前
【2026前端最新面试题——day10】JavaScript 高频面试题
开发语言·前端·javascript