开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

是否有一个CSS minifier可以解析import语句？

是的，有一个名为PurgeCSS的CSS minifier可以解析import语句。PurgeCSS是一个用于移除CSS中未使用的样式的工具，它可以帮助减小CSS文件的大小，从而提高网站的加载速度。

PurgeCSS的优势在于它可以自动分析项目中使用的CSS选择器，并且只保留实际使用的样式，从而减小CSS文件的大小。此外，PurgeCSS还支持解析CSS中的import语句，这意味着它可以处理多个CSS文件，并且只保留实际使用的样式。

PurgeCSS可以在各种应用场景中使用，例如在Webpack、Gulp、Grunt等构建工具中使用，或者作为独立的命令行工具使用。

推荐的腾讯云相关产品：腾讯云CDN、腾讯云对象存储、腾讯云云巢。

产品介绍链接地址：

腾讯云CDN：https://cloud.tencent.com/product/cdn
腾讯云对象存储：https://cloud.tencent.com/product/cos
腾讯云云巢：https://cloud.tencent.com/product/tke

相关搜索:链接的ifelse()语句，是否可以指示是否有多个语句同时为真？是否有C#的CSS解析器？Mysql update查询set下是否可以有case语句和select语句是否有任何实用程序可以帮助我重构CSS 一个ip可以有多个域名解析是否可以有一个隐藏的Javascript文件如果ul有一个ul孩子,是否有CSS方法添加箭头？检查网站是否有多个单词中的一个- if语句是否可以在styled component中使用if语句来切换css属性的值？一个网站是否可以有两个域名 XSLT -添加一个IF语句来检查XML中是否有冒号检查两个语句中是否有一个为真是否可以在一个查询中使用select语句更新列有多个页面的html/css - html网站-有一个菜单可以调用吗？是否有一个函数可以检查宏变量中是否存在某个元素？在BASIC中，是否有一个函数可以返回DATA语句中常量的长度或计数？是否有一个函数可以跳过for循环中的步骤？是否可以有一个没有下拉箭头的SelectInput？是否有一个等价物$(BuildingInsideVisualStudio)可以检测NuGet？是否有Java XML API可以在不解析字符实体的情况下解析文档？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

hexo优化加载速度

注意该方法利用插件更改配置,如主题中有Google字体导致加载缓慢,请移步其他内容

02

网站优化之静态资源优化

• 说明文档： https://www.npmjs.com/package/node-pngquant-native

01

hexo摸爬滚打之进阶教程

本文首发在我的个人博客：http://muyunyun.cn/ 写博客有三个层次，第一层次是借鉴居多的博文，第二层次是借鉴后经过消化后有一定量产出的博文，第三层次是原创好文居多的博文。在参考了大量前辈搭建hexo的心得后，此文尽量把一些别人未提到的点以及比较好用的点给提出来。所以你在参考本文的时候，应该已经过完了hexo。快速实现博客压缩项目压缩也叫代码丑化,分别对html、css、js、images进行优化，即把重复的代码合并，把多余的空格去掉，用算法把images进行压缩。压缩后的博客，加

08

web性能优化指南

前端性能优化，是每个前端必备的技能，优化自己的代码，使自己的网址可以更加快速的访问打开，减少用户等待，今天就会从几个方面说起前端性能优化的方案，

01

写在 2021 的前端性能优化指南

当收集浏览器端每个用户核心性能指标时，可通过 web-vitals 收集并通过 sendBeacon 上报到打点系统。

04

MVC项目开发中那些用到的知识点(js css优化-- 合并和压缩)

在项目框架中，首先要引用很多css和js文件，80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等文件造成的。减少这些资源文件的Request请求数将是提高网页显示效率的重点。这里好像有个矛盾，就是如果我减少了很多的图片，样式，脚本或者flash，那么网页岂不是光秃秃的，那多难看呢？其实这是一个误解。我们只是说尽量的减少，并没有说完全不能使用。减少这些文件的Request请求数，我们这里主要针对js和css文件进行优化，使用Combres工具

02

使用gulp压缩博客静态资源

gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。

01

页面性能优化的五种办法

大部分用户希望网页能在 2 秒之内就完成加载。事实上，加载时间每多 1 秒，你就会流失 7% 的用户。如果加载需要太长时间，他们就会放弃访问。

03

页面性能优化的方法有哪些？

互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。

02

Fis3 构建迁移 Webpack 之路

本文主要介绍了如何将一个使用webpack构建的web应用打包为适用于各浏览器的可执行文件。首先介绍了webpack和browserify的区别，然后说明了webpack的配置文件，紧接着介绍了如何设置多入口，并分析了生产环境基于node的webpack如何处理。最后，作者分享了如何对css、js代码进行压缩、图片进行优化以及支持多入口的打包结果。

02

Web前端性能优化-资源合并与压缩

一、HTML 压缩 1、利用在线网站进行压缩（https://tool.oschina.net/） 2、nodejs 提供了 html-minifier 工具 3、后端模板引擎渲染压缩二、CSS 压缩 1、利用在线网站进行压缩 2、使用 html-minifier 对 html 中的 css 进行压缩 3、使用 clean-css 对 css 进行压缩三、JS 压缩与混乱 1、无效字符的删除 2、剔除注释 3、代码语义的缩减和优化 4、代码保护四、文件合并（将 a.js、b.js、c.js 合并成一

01

Webpack重要知识点

「副作用」的定义是，在导入时会执行特殊行为的代码，而不是仅仅暴露一个export或多个export。举例说明，例如polyfill，它影响全局作用域，并且通常不提供export。注意，任何导入的文件都会受到tree shaking的影响。这意味着，如果在项目中使用类似css-loader并导入CSS文件，则需要将其添加到 side effect 列表中，以免在生产模式中无意中将它删除：

04

10分钟学会前端工程化（webpack5.0）

随着前端的不断发展与壮大，前端变得越来越复杂，组件化、模块化、工程化、自动化成了前端发展中不可或缺的一部分，具体到前端工程化，面临的问题是如何提高编码->测试->维护阶段的生产效率。

01

如何删除渲染阻止JS 和 CSS以提高网站速度

虽然网站的美感很重要，但它的内容和加载速度会让人们回访。WordPress 为用户提供了一个复杂的插件和主题工具箱，可以快速创建他们自己的自定义网站。

02

使用gulp压缩静态博客资源

gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。

01

懒人Parcel

横空出世的Parcel，这几个月来成为了前端圈的又一大热点，github短短几个月就获得了上万的star.

01

这可能是迄今为止最全的hexo博客搭建教程

这是阮一峰在博客中写到的关于 Blog 的想法，而这里的第三阶段的实现就是利用 GitHub Pages 搭建博客。

04

这可能是迄今为止最全的hexo博客搭建教程

这是阮一峰在博客中写到的关于 Blog 的想法，而这里的第三阶段的实现就是利用 GitHub Pages 搭建博客。

05

精读《新一代前端构建工具对比》

本周精读的文章是 Comparing the New Generation of Build Tools。

02

移动web端上如何有效的控制包大小

近些年，移动应用的爆发式增在，也给移动web端带来了一些新的话题，那就是怎么有效控制移动web端代码膨胀的问题，现在的一些工具如webpack都确确实实很好用，但是大家有没有发现一个问题，稍稍不注意，webpack给你整一个几M的bundle出来，然后下面是用户面对你网站的表情。

05

优化网站加载速度的14个技巧

优化了加载速度的网站不仅可以提高其搜索引擎的排名，同时也可以降低网站的跳出率，提高其转换率，还能提供更好的终端用户体验，这是当今基于Web环境取得成功的关键。

03

webpack（4.8.3）总结

前言：webpack4从入门到高阶配置，本文先讲述webpack4的安装、基础配置、进阶配置，高阶配置放置下篇讲述。

04

VSCode前端必备插件，有可能你装了却不知道如何使用？

在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。

04

【译】73个超棒且可提高生产力的 NPM 包

在这里，我整理了一些我最喜欢的 NPM 包的列表。我也将它们分类，因此信息更加结构化，更易于浏览。

03

角落的开发工具集之Vs（Visual Studio)2017插件推荐

Visual Studio 2017 扩展 Visual Studio 2017 15.4.4 : 目前是最新的版本号，所有的工具&插件都支持这个版本号。所以请对号入座。 ReSharper : 首先的是Resharper,这个基本是目前是我开发过程中必备的工具集，唯一的缺点就是吃内存，所以你的内存要是低于8G，就不要使用它了。它的特点可以快速重构、高亮显示错误、导航和搜索都很方便、智能提示、智能复制这个我特别喜欢等等，用着它你会感受到很多惊喜。 Extensibility Tools :必备工具，他是基

09

通过核心概念了解webpack工作机制

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。需要先理解四个核心概念：入口(entry) 输出(output) loader 插件(plugins) 入口(entry) 入口指 webpack 构建其内部依赖图开始的模块。进入入口后，webpack 会找出有哪些

08

React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等)

技术栈: react@16.6.0/ react-router-dom@v4 / webpack^4.23.1(babel7+)

02

React 16.x折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等)

技术栈: react@16.6.0/ react-router-dom@v4 / webpack^4.23.1(babel7+)

01

【综合篇】Web前端性能优化原理问题

想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端

03

webpack（4.8.3）总结之一

前言：webpack4从入门到高阶配置，本文先讲述webpack4的安装、基础配置、进阶配置，高阶配置放置下篇讲述。

04

零基础理解 PostCSS 的主流程

本文适用于所有前端开发人员。文章会介绍 PostCSS 的主功能实现原理，不是介绍 api，也不会介绍所有功能的原理，如果有需要了解全部功能或者查阅 API，可查看官方文档：https://postcss.org/api/。

02

常用工具整理

代码编辑 Cmd Markdown 免费在线Markdown编辑器，一直再用，很不错。 Cmd Markdown下载地址：X86 | X64 反编译 dotPeek dotPeek 是

Hexo 常用插件推荐

Hexo 本身提供了一个框架，通过丰富的拓展插件，能够进一步优化使用体验，你可以在 Hexo 插件中寻找适合你的拓展。

02

关于网页优化这档事

不知道大家有没有打开过浏览器的控制台，只需要右键->检查/审查元素就可以打开控制台，其中就能可以打印如下消息：

03

使用Combres 库 ASP.NET 网站优化

网站优化理论方面可以看杨正祎同学的文章如何提高网页的效率（上篇）——提高网页效率的14条准则，如何提高网页的效率（下篇）——Use YSlow to know why your web Slow，本文给你介绍一个实际的类库帮助你完成网站的优化。 Combres - WebForm & MVC Client-side Resource Combine Library 是一个 ASP.NET 网站的客户端资源js,css的压缩，合成和缓存库，基于Apache 2.0协议开源，最新版本是2.0。这个库同时支持We

09

手把手教你搭建 Hex0 + GitHub 博客

因为 npm 命令是 node 中的，所有需要先安装node 然后再安装 hexo，然后利用 npm 命令即可安装 hexo（Windows 在任意位置点击鼠标右键，选择 Git bash，Mac 直接在终端中如下执行命令即可）

02

前端三大构建工具横评，谁是性能之王！

而在Vite之前，还有Snowpack也同样采用了No-Bundler构建方案。那么No-Bundler模式与传统老牌构建工具Webpack孰优孰劣呢？能否实现平滑迁移和完美取代？

02

Gulp和Webpack对比

在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(SPA)，每一个视图通过异步的方式加载，这导致页面初始化和使用过程中会加载越来越多的 JavaScript 代码，这给前端开发的流程和资源组织带来了巨大的挑战。

04

【译】在生产环境中使用原生JavaScript模块

两年前，我写了一篇有关module/nomodule技术的文章（译者注：原文地址https://philipwalton.com/articles/deploying-es2015-code-in-production-today/，文末有此文的译文链接），这项技术允许你在编写ES2015+代码时，使用打包器和转换器生成两个版本的代码库，一个具有现代语法的版本（通过 <scripttype="module">加载）和一个使用ES5语法的版本（通过 <scriptnomodule>加载）。该技术允许你向支持模块（译者注：指ECMA制定的标准的export/import模块语法及其加载机制，又称为ES Module、ESM、ES6 Module、ES2015 Module，下文中将出现很多"模块"一词，都是这个含义）的浏览器发送更少的代码，现在大多数Web框架和CLI都支持它。

02

三大前端构建工具横评，谁是性能之王！

而在Vite之前，还有Snowpack也同样采用了No-Bundler构建方案。那么No-Bundler模式与传统老牌构建工具Webpack孰优孰劣呢？能否实现平滑迁移和完美取代？

04

react项目预渲染开发

react越来越火了，是开react开发的人员而是越来越多。但是因为单页应用SEO的问题，我们也不得不去解决这个问题。不管是哪里，都提供了两种方案，一种是SSR服务端渲染，另一种则是预渲染方式。本篇文章主要是阐述预渲染的方案。

02

Webpack知识点速记

Webpack是一个模块打包工具，在Webpack里一切文件皆模块。通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合的文件。Webpack专注构建模块化项目。 Webpack可以看作是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其他一些不能被浏览器直接运行的扩展语音(如：Scss,TypeScript等)，并将其打包为合适的格式以供浏览器使用。

02

你不知道的「pitch loader」应用场景

大多数前端开发者对于loader可能都清楚它存在两个执行阶段normal和pitch阶段，但是大多数同学对于pitch loader的理解仅仅停留在：

02

【编译技术】：AST——基础的基础

在计算机科学中，抽象语法树（abstract syntax tree 或者缩写为 *AST*），或者语法树（*syntax tree*），是源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构。之所以说语法是「抽象」的，是因为这里的语法并不会表示出真实语法中出现的每个细节。

05

Web前端性能优化（一）

我们在开发的时候会习惯缩进和写注释，方便我们在日常的维护，但将代码上传至服务端后，我们完全可以把那些空格、制表符、换行符进行压缩，以此减少请求资源的大小；同样的，我们在服务端所引用的第三方库进行合并，能减少 HTTP 的请求数量

04

Vite入门从手写一个乞丐版的Vite开始（上）

Vite是什么就不用笔者多说了，用过Vue的朋友肯定都知道，本文会通过手写一个非常简单的乞丐版Vite来了解一下Vite的基本实现原理，参考的是Vite最早的版本（vite-1.0.0-rc.5版本，Vue版本为3.0.0-rc.10）实现的，现在已经是3.x的版本了，为什么不直接参考最新的版本呢，因为一上来就看这种比较完善的工具源码比较难看懂，反正笔者不行，所以我们可以先从最早的版本来窥探一下原理，能力强的朋友可以忽略~

02

分享 73 个让你事半功倍的 NPM 包

英文 | https://dev.to/madza/73-awesome-npm-packages-for-productivity-19p8

02

18个网站优化技巧

18个网站优化技巧快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。　　如果网站不是以最好的性能在运行，迟缓的加载会让

08

RPO 相对路径覆盖攻击

RPO (Relative Path Overwrite) 相对路径覆盖，最早由 Gareth Heyes 在其发表的文章中提出。主要是利用浏览器的一些特性和部分服务端的配置差异导致的漏洞，通过一些技巧，我们可以通过引入相对路径来引入其他资源文件，以达到我们的目的。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭