RegEx最小化CSS
首先，让我们来看一下RegEx和CSS的基本概念。
RegEx是正则表达式（Regular Expression）的缩写，是一种用于处理文本的强大工具。它可以帮助你在文本中快速找到匹配的模式，例如电子邮件地址、URL、电话号码等。RegEx可以用于文本搜索、数据验证和数据处理等场景。
CSS（级联样式表）是一种用于描述网页外观和格式的语言。它可以控制HTML元素的布局、颜色、字体、间距等样式。CSS可以使得网页的样式更加统一和易于管理，提高了网页的可维护性和可读性。
在实际开发中，RegEx和CSS可以结合使用，以创建更符合需求的网页。例如，可以使用RegEx匹配出网页中的特定文本，然后使用CSS来格式化这些文本，从而提高网页的样式和布局。
以下是RegEx和CSS的一些优势和应用场景：
- 提高开发效率：RegEx和CSS可以使得网页的样式和布局更加统一和规范化，减少了开发人员的工作量和工作难度，提高了开发效率。
- 增强网页可维护性：使用CSS可以使得网页的样式更加统一和易于管理，提高了网页的可维护性和可读性。
- 优化用户体验：RegEx和CSS可以使得网页的样式和布局更加符合用户的期望和需求，从而提高用户满意度和用户体验。
推荐的腾讯云相关产品：
- 腾讯云服务器：提供高性能、高可靠、高可用、灵活计
相关·内容
1回答
我正在尝试发送基于BootStrap的电子邮件，但由于该电子邮件不支持外部CSS，所以我只需要嵌入所需的CSS作为<style>....css....code....</style>，但我想知道，如果有任何方式，我可以只提取表CSS代码从BootStrap CSS文件，这样我就不必收集CSS文件的css代码部分手动？
例如，仅收集特定HTML元素及其子元素的所有CSS。例如，我只想复制表CSS代码？
我通过PHP将其检索为：
<?php
$bootstrap = file_get_contents("bootstrap.min.css");
$
浏览 0提问于2017-03-04得票数 1
目标
我的目标是连接所有的css、js文件，并将全部缩小。我可以缩小我的concat.js，但我正在努力缩小我的concat.css。
Gruntfile.js
module.exports = function(grunt) {
"use strict";
grunt.initConfig({
concat: {
js: {
src: [
'js/bootstrap.min.js',
浏览 1提问于2015-05-11得票数 4
回答已采纳
在这个跟踪程序代码库中：
这一行：
我正在加载.scss，并将它们提取为纯文本。我还想简化它们-我该怎么做呢？style-loader似乎对此没有选择。我是否应该使用另一个插件，比如css-loader？
浏览 1提问于2016-02-26得票数 13
我们希望通过“常规”选项卡使用“显示预览”链接来共享指向未发布页面的链接以供审阅。不幸的是，生成的页面似乎无法解析捆绑的.css和javascript，并为这些文件生成404。
有谁知道预览页正确解析捆绑css的方法吗？
浏览 8提问于2018-07-19得票数 0
我有问题最小化css文件输出的提取-文本-webpack-插件
/* webpack.config.js */
...
loader: [{test: /\.css$/, loader: ExtractTextPlugin.extract('css?minimize')}]
...
plugins: [new ExtractTextPlugin("styles.css")]
...
/* test.js */
require('./file1.css')
/* file1.css */
@import './file2.css'
浏览 3提问于2015-12-06得票数 31
回答已采纳
我使用这个解决方案：。它工作得很好，但是返回的CSS内容有注释，并且没有缩小。
module: [
rules: [
{
test: /\.css$/,
use: ['to-string-loader', 'css-loader']
}
]
}
我用的是webpack 4。我试过很多不同的加载器，但是它们似乎不再适用于webpack 4，或者只有当CSS导出为文件时才起作用。有什么方法可以删除CSS注释并缩小返回的CSS吗？
下面是将CSS作为字符串返回的js。import myCss
浏览 0提问于2019-03-02得票数 2
在使用样式表时，我喜欢使用wp_enqueue_style来让wp处理加载。由于某种原因，当我登录时，这个功能非常好。但是，当我没有登录到include中时，它将被包装在html注释中，因此浏览器将加载样式表。当我使用：wp_enqueue_style("a-unique-name-style", plugins_url('/css/filename.css',path);加载时
我也试过
function name_enqueue_style() {
error_log(__LINE__);
wp_enqueue_style("a-
浏览 0提问于2020-12-27得票数 0
回答已采纳
1回答
我需要测试项目中的所有CSS/SCSS文件是否在.Net MVC应用程序的构建过程中都被成功地缩小，或者至少测试它们是有效的CSS。
目前，项目是在VSO/VSTS中构建的，CSS中的语法错误不会导致构建失败，应用程序部署时CSS已损坏。
我对.Net应用程序知之甚少，我知道主项目是ProjectName.Web，测试是ProjectName.Web.Test，如果我想测试什么，我会在".Test“项目中创建一个相应的"-Test”类，但是我应该在哪里放一个测试来缩小文件？文件捆绑在ProjectName.Web/App_Data/BundleConfig中，使用BundleT
浏览 1提问于2018-09-19得票数 0
2回答
semantic.css
semantic.min.css
semantic.min.js
这些文件是否足以使语义-ui正常工作？
浏览 4提问于2016-07-19得票数 0
回答已采纳
有没有什么工具可以帮助我组织我的css文件?我的应用程序中有这么多css文件，我必须像{!! Html::script('assets/css/bootstrap.min.css')!!}和其他工具一样一个接一个地包含它们，这样应用程序的加载时间就不会太长了。谢谢
浏览 0提问于2017-03-07得票数 1
我有一个superfish jquery插件，它有4个js和1个css：
<script src="~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js"></script>
<script src="~/Scripts/JQ_Addons/SuperFish/hoverIntent.js"></script>
<script src="~/Scripts/JQ_Addons/SuperFish/supersubs.js"></s
浏览 5提问于2012-11-24得票数 8
回答已采纳
1回答
我在ansible中使用regex_replace过滤器。我可以让它工作，但它真的很麻烦。我就是这么做的
- set_fact:
variable: "{{ value | regex_replace("84","89") | regex_replace("76","78") | regex_replace("45","23"}}"
是否有一种方法，我可以一次管道regex_replace并用多个值替换多个模式。
浏览 5提问于2020-02-29得票数 2
回答已采纳
我有4份文件：
a.css
a.min.css
b.css
b.min.css
它们以以下方式被添加到捆绑中：
bundles.Add(new StyleBundle("~/Content/acss").Include("~/Content/a.css", "~/Content/b.css"));
在调试中运行应用程序时，将正确呈现：
<link href="/Content/a.css" rel="stylesheet"/>
<link href="/Cont
浏览 4提问于2012-10-19得票数 13
回答已采纳
1回答
解决最小化关键请求深度-页面性能
、、、、
我的问题
对于我的web应用程序，页面的初始加载需要超过20秒。在Chrome上，审计-LightHouse显示了以下信息.
我不知道如何解决这个问题，使我的页面加载更快。我已经做了很长时间了。
我在下面放置了一些关于如何在我的部分布局和主页中捆绑和呈现包的细节。任何帮助都是非常感谢的。
下面是我打包的js & css文件。
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"))
浏览 0提问于2019-02-12得票数 2
回答已采纳
1回答
我探索了一些不同的缩小技术，他们正在使用的网站。
我发现大多数网站确实使用JS小型化，连接和整个项目有一个js文件，我觉得是很好的技术。
但是css和html小型化仍然只是删除额外的空格和注释。
但我发现Google正在使用一些不同的缩小技术，通过更改和CSS.中的CSS选择器名称来缩小css/html。
我想知道google正在使用的这种小型化架构。:-)
浏览 1提问于2015-07-21得票数 2
我有以下PHP：
<?php
$items = array('foo', 'bar', 'baz', 'qux');
?>
<div>
<?php foreach ($items as $item): ?>
<a><?= $item; ?></a>
<?php endforeach; ?>
</div>
原始输出如下：
<div>
<a>
浏览 1提问于2018-06-01得票数 1
我有一个css文件的集合，我用Jekyll将其合并为一个。这非常简单：
{% for file in site.css %}
{{ file }}
{% endfor %}
但是，有一种特殊的情况，我只想包含其中的一个文件。pages.css文件。
site.css是一个集合，所以我简单地将我所有的css文件放在一个名为_css的文件夹中，然后在_config.yml中添加：
collections:
css:
output: false
我可以使用{{ site.css | where:"title", "Pages" | first }}只包含_
浏览 1提问于2017-08-03得票数 1
回答已采纳
1回答
我想检查文件是css文件还是不使用正则表达式。我试过了
new RegExp(".css$").test("a.css"); //true
但是它匹配的filename.acss是正确的。我希望regex只匹配一个有效的.css文件。我要接几个案子。
new RegExp(".css$").test("a.acss"); //false
new RegExp(".css$").test(".css"); //false
new RegExp(".css$").test("a
浏览 5提问于2015-07-17得票数 0
回答已采纳
我有一个基于Extjs的application.while，加载页面需要很长时间。根据要求，应缩短装货时间。
这是我的index.html文件-
<link rel="stylesheet" type="text/css" href="css/ext-theme-neptune-all-debug.css" />
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="t
浏览 2提问于2014-05-16得票数 0
我使用webpack 3作为我的构建过程。
webpack.config.js：
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: "css-loader"
})
},
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
use: [
{
loader
浏览 0提问于2018-03-17得票数 0
回答已采纳
我正在使用AWS、无服务器的节点js、类型记录和TypeORM进行一个项目，一切看起来都很完美。在本地，我可以得到正常或复杂的查询。但是，当我开始在我的应用程序中创建添加/编辑部件时，我陷入了困境。
我试图拯救我的完整实体，它也拯救了所有的关系。然后，我将cascade: true参数应用于实体属性，它工作得很好。
当我成功地将应用程序部署到aws上时，问题就开始了。所有查询都可以工作，但特别是为了保存实体tripLeg im获取此错误：循环依赖关系："e“。
只有在部署版本时，才会发生这种情况，并且在本地工作得很好。你知道怎么解决吗？
实体(支付最后3个属性)
import {
浏览 0提问于2021-06-19得票数 3
首先--感谢您的帮助！我已经使用Angular 2构建了一个web应用程序，并处于最终投放生产环境的过程中，但在与Gulp捆绑时遇到错误。关于我遇到的特定Typeerror，似乎有很多文档，但我没有看到真正符合我在流程中的用例和位置的文档。
具体地说，当运行以下命令时，实际的绑定进程本身不会返回错误：
sudo gulp
但是，在验证代码是否可以在我的localhost上运行时，返回以下错误：
Uncaught TypeError: Cannot read property 'prototype' of undefined
引用此错误的文件是app.min.js，它是我的完整捆
浏览 0提问于2017-02-14得票数 0
我想部署一个Play 2应用程序，我的javascript和css文件位于“公共”目录中，我只想公开缩小的javascript文件，并将源代码保持为私有。我怎样才能通过玩来实现它呢？提前谢谢你。
浏览 0提问于2013-08-20得票数 2
回答已采纳
1回答
我是新来Gulp的..我已经能够成功地安装、连接和缩小我的.js和.css文件，但是有一个.css文件我想要排除- print.css
我已经按照这里的说明进行了操作：在我的本地目录中安装gulp ignore，并将我的gulpfile.js修改为：
// Include gulp
var gulp = require('gulp');
// Include Our Plugins
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var ugl
浏览 2提问于2014-03-12得票数 4
回答已采纳
单击clean之后，如何将已使用的css导出到css文件中?我需要一个css“清洁器”，它能够找到已使用的css并在css文件中导出。
浏览 0提问于2013-12-25得票数 1
回答已采纳
2回答
webpack如何用字
、、、、
我使用Webpack 6.10.2和Vue 3.9.3。这个安装使用Uglify.js，在我运行npm run build时会抛出一个错误，因为它不能与ES6一起工作。
为了解决这个问题，我按照推荐的方式从webpack.config.js中删除了Uglify，并且我尝试使用Terser在生产中缩小JS。我的每一次尝试都会导致错误，因为我没有添加正确的语法。当我删除简洁，应用程序编译，但显然没有JS缩小，所以我做了一些错误的语法在webpack.config.js。
有人能告诉我我哪里出错了吗。
谢谢
webpack.config.js：
var path = require('p
浏览 1提问于2019-08-05得票数 3
1回答
我正在使用来自CDNJS的一些文件：
<link
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
rel="stylesheet"
type=&#
浏览 2提问于2020-08-30得票数 3
回答已采纳
我使用的是bootstrap.css，我发现还有另一个名为bootstrap的css文件--组合.min.css，在样式上有什么不同吗？是否需要包含两个css文件？哪一种更好？
浏览 11提问于2014-08-07得票数 22
回答已采纳
2回答
我想缩小/优化我的css以供生产，但由于某种原因，它在当前的实现中出现了错误。我的webpack 3 config.production.js是这样的：
var webpack = require("webpack");
var path = require("path");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
entry: [
"./src/index.tsx",
浏览 0提问于2018-10-31得票数 0
在本地运行mvc网站(VS IIS)时，图像显示正确：
css代码片段：
.sprites {
background: transparent url(../images/sprites.png) no-repeat 0 0;
}
但是，当站点发布到服务器或本地IIS (而不是VS IIS)时，图像无法加载(提供无效路径)
在服务器上正确显示图像的唯一方法是修改css文件，而不是用"/content/images/sprites.png"代替"../images/sprites.png"。
为什么会这样呢？
浏览 0提问于2013-02-11得票数 4
回答已采纳
1回答
我正在尝试将选项传递给css加载器，并使用新的Webpack 2配置：
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
loader: 'css-loader',
options: {
minimize: {
discardComments: {
removeAll: true,
}
},
},
}),
},
但这些选项都不起作用。我做错了什么？
浏览 7提问于2017-03-03得票数 0
可能重复：
我正在做一个在我之前很多人都在做的大型项目，现在CSS文件非常大，超过4000行，还有许多未使用的css规则，我正在尝试使用firebug插件CSS，但是我必须逐页检查并比较哪些在这里有用而不是在那里使用，而它唯一的一个大CSS文件是可以帮助我找到未使用的CSS规则更好的网站。
浏览 0提问于2011-11-29得票数 0
回答已采纳
1回答
基本上，在我的Magento网站上，在自定义css中输入了几行代码后，主题就会中断。我认为这是由于缓存问题，因为当缓存关闭时，主题也会中断。此外，主题css文件很大，大约有3400行，这可能是个问题吗？
我的CSS和JS文件是合并的，如果这有区别的话。
浏览 4提问于2014-02-21得票数 0
回答已采纳
下面是设置：
package.json
{
"dependencies": {
"css-loader": "^0.26.0",
"extract-text-webpack-plugin": "^1.0.1",
"html-webpack-plugin": "^2.24.1",
"node-sass": "^3.13.0",
"sass-loader": "^4.0.2",
浏览 4提问于2016-11-21得票数 0
回答已采纳
我有一些大文件(每个文件至少20 MB )，需要查找字符串M(\d{10})
下面是我使用的脚本：
Get-Content -Path Test.log | %{ [Regex]::Matches($_, "M(\d{10})") } | %{ $_.Value } | select -Unique
这需要很好的时间和更多的CPU，请建议如何以更低的CPU使用率/更快的速度获得结果。
浏览 26提问于2018-05-08得票数 0
回答已采纳
这很奇怪，但是我删除了css文件中的所有内容，网站仍然显示所有的颜色和东西。我不知道发生了什么，所以我需要寻求帮助。 下面是主要的html： <head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh
浏览 35提问于2020-04-02得票数 0
1回答
我想知道如何最小化CSS文件。目前，我正在使用像这样的外部网站来压缩CSS文件。但是，在删除空格、注释等之后，文件大小仅减少了10-15%。像Bootstrap这样的框架是如何让最小化的版本只有千字节的呢？
例如，假设我的CSS是：
body {
background-color: #ff0;
}
从28个字节减少到22个字节，但是其他具有更多字符的css文件仍然比这个小得多。
浏览 0提问于2017-09-12得票数 0
1回答
我想为我的自定义块内容创建自定义css，但是moodle将为所有具有类似css的块从主题中获取css：
.block div.content {
font-size: 12px;
font-weight: 200;
padding: 10px 15px 15px;
}
下面是我添加到我的块/状态/类型: code的代码：
.block_status .footer { margin-top: 5px; }
.block_status .content { border:1px dotted green; overflow:hidden; padding:0px; }
.
浏览 3提问于2014-03-30得票数 3
回答已采纳
我们使用哪些css黑客使布局跨浏览器兼容？
可以通过W3C验证
将永远起作用
将永远不会在未来的浏览器版本中创建
对于流行的CSS黑客来说，哪些替代方案可以通过w3c验证，哪些是无效的？
，例如
下划线攻击，zoom:1等。
我的目的是列出W3C验证的、无问题的CSS黑客、和技术，这些技术有助于使CSS布局跨浏览器兼容。
我们主要使用CSS攻击IE，但有时我们也需要其他桌面浏览器的黑客攻击。
主要关注的浏览器有：
IE6，IE7，IE8
Safari最新发行版
Firefox 3.6、3.5、3.0和2.0
歌剧最新发行版
谷歌Chrome最新版
浏览 0提问于2010-02-27得票数 5
回答已采纳
我创建了一个简单的网站，为路线配置。我使用IIF javascript作为我的模块和控制器，但路由不起作用。
只有在输入像这个http://localhost:18689这样的默认本地主机时，它才能工作，但是如果尝试http://localhost:18689/maindashboard任何路由，或者输入$location.path('/addrequest')，我就会得到一个404。
可能是IIF的问题吗？
我的模块是：
(function () {
"use strict";
var clientAppModule = angular.mo
浏览 1提问于2015-05-26得票数 0
回答已采纳
我正试图为我的scss文件构建一个实时编译器。其逻辑是：-当页面询问节点或.css文件时-查找维奇子域正在调用-编译css时：
var result = sass.renderSync({
file: org+'/css/sass/main.scss',
outputStyle: 'compressed'
});
return res.send(result.css);
当我用所有已编译的样式表得到我的result.css (对象)时，一切都很好，但是..。它不是从浏览器上加载的！
我做错什么了？
浏览 0提问于2015-12-15得票数 0
回答已采纳
2回答
在提供GZipped之前，我是否应该从HTML / CSS / JS之类的内容中删除空格字符？
这会进一步缩小它们的大小吗？
浏览 0提问于2011-08-20得票数 1
回答已采纳
4回答
当@Scripts.Render()没有捆绑脚本时，我的网站在本地主机上工作得很好，但是当我部署到我的服务器时，捆绑的Javascript必须包含一个错误，因为我页面上的所有Javascript都停止工作。
以下是我的捆绑包代码：
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
浏览 0提问于2013-01-17得票数 20
回答已采纳
我将Meteor与React和Semantic-ui-react一起使用。我需要一个toast函数，所以我想改成Fomantic UI。所有相关的内容都由NPM加载。
我删除了semantic-ui-css，并添加了fomantic-ui-css。
我把<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />从头上取下来了。
我将所有import 'semantic-ui-css/semantic.min.cs
浏览 6提问于2020-07-13得票数 0
1回答
作为一名web开发人员，我还必须考虑到安卓和iOS web浏览器。这些浏览器的渲染引擎以及缺乏能力和内存带来了许多复杂的问题。
所以我想知道，有没有针对这些浏览器的性能调优(HTML/CSS/Javascript)的全面指南？
浏览 1提问于2012-06-29得票数 1
回答已采纳
什么是压缩或缩小jQuery，javascript和CSS文件的最好方法？
我是新的压缩和缩小功能的网站开发，请帮助我。
浏览 0提问于2013-09-01得票数 10
2回答
我对Yii &Jquery有一个奇怪的问题：
当我在localhost上打开一个使用ajax/jquery的页面时，Yii会自动将资产include调用添加到页面的：
<link rel="stylesheet" type="text/css" href="/PATH/assets/f72b359d/style.css" />
<script type="text/javascript" src="/PATH/assets/2e442e1a/jquery.js"></scrip
浏览 0提问于2012-04-12得票数 8
回答已采纳
我正在和webpack 4一起做一个项目。几乎所有的项目都是应该的，我只是在缩小CSS方面遇到了麻烦。
如果在我的入口点中包含了a.css或.less文件，那么一切都能正常工作。如果我使用@include './myfile.less'，它也能正常工作。但是，如果我使用@include './myfile.css'，则导入该节而不进行缩小。
如何使导入的CSS文件工作？
webpack.config
const path = require('path');
const HtmlWebpackPlugin = require('html-
浏览 0提问于2018-09-13得票数 2
回答已采纳
2回答
我试图使用RegEx替换字符串，但是没有任何东西被替换。我不知道我做错了什么。
System.Text.RegularExpressions.Regex regEx = null;
regEx = new System.Text.RegularExpressions.Regex("DefaultStyle.css?x=839ua9");
pageContent = regEx.Replace(htmlPageContent, "DefaultStyleSnap.css?x=742zh2");
htmlPageContent是string类型，包含呈现方法的ht
浏览 2提问于2017-04-28得票数 0
回答已采纳
1回答
我正在为style.css使用/style，并且正在使用下面的代码； app.get("/style", (req, res) => res.sendFile(__dirname + "/assets/style.css")) 我不希望他们输入/style地址和窃取样式，所以我希望人们得到一个错误，他们输入了/style地址。我该怎么做呢？
浏览 21提问于2021-11-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
