首页 网络技术
  1. 正文

vue如何去除多余的样式

去除多余的样式

随着项目越来越大,书写的不注意,不自然的就会产生一些多余的css,小项目还好,一旦项目大了以后,多余的css会越来越多,导致包越来越大,从而影响项目运行性能,所以有必要在正式环境去除掉这些多余的css,这里推荐一个库purgecss,支持CLI、JavascriptApi、Webpack等多种方式使用,通过这个库,我们可以很容易的去除掉多余的css。

<h2>Hello Vanilla!</h2><div>We use Parcel to bundle this sandbox, you can find more info about Parcel<a href="https://parceljs.org" rel="external nofollow" target="_blank" rel="noopener noreferrer">here</a>.</div>body {font-family: sans-serif;}a {color: red;}ul {li {list-style: none;}}import Purgecss from "purgecss";const purgecss = new Purgecss({content: ["**/*.html"],css: ["**/*.css"]});const purgecssResult = purgecss.purge();

最终产生的purgecssResult结果如下,可以看到多余的a和ul标签的样式都没了

本文标题:vue如何去除多余的样式
本文链接:https://www.qqooo.cn/post/6928.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!