通过.pipe使用Gulp缩小CSS
是一种前端开发中常用的技术，用于通过自动化构建工具Gulp来压缩CSS文件，以减小文件大小并提升网页加载速度。
Gulp是一款基于流的自动化构建工具，它可以帮助开发者自动化执行一系列任务，如文件压缩、代码合并、文件监听等。通过使用Gulp的.pipe方法，可以将多个任务串联起来，实现一系列的文件处理操作。
在使用Gulp缩小CSS时，首先需要安装Gulp和相关插件，可以通过npm（Node Package Manager）进行安装。安装完成后，可以创建一个gulpfile.js文件来定义任务。
下面是一个使用.pipe进行CSS压缩的示例代码：
const gulp = require('gulp');
const cssmin = require('gulp-cssmin');
gulp.task('minify-css', function () {
return gulp.src('styles/*.css') // 指定要处理的CSS文件路径
.pipe(cssmin()) // 使用cssmin插件进行CSS压缩
.pipe(gulp.dest('dist/styles')); // 指定压缩后的CSS文件输出路径
});在上述示例中，首先使用gulp.src方法指定要处理的CSS文件路径，可以使用通配符来匹配多个文件。然后使用.pipe方法将文件流传递给cssmin插件，该插件会对CSS文件进行压缩处理。最后使用gulp.dest方法指定压缩后的CSS文件输出路径。
通过运行gulp minify-css命令，即可执行该任务，将指定路径下的CSS文件进行压缩，并将压缩后的文件输出到指定路径。
使用Gulp缩小CSS的优势包括：
- 提升网页加载速度：压缩CSS文件可以减小文件大小，从而加快网页加载速度，提升用户体验。
- 减少网络传输：压缩后的CSS文件占用更少的网络带宽，有助于减少数据传输量。
- 优化搜索引擎排名：网页加载速度是搜索引擎优化（SEO）的重要因素之一，通过缩小CSS可以提升网页在搜索引擎中的排名。
Gulp缩小CSS适用于各种前端项目，特别是对于大型项目或包含大量CSS文件的项目，效果更为明显。
腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、对象存储、内容分发网络（CDN）等。具体推荐的产品和产品介绍链接地址可以根据实际需求进行选择，以下是一些常用的腾讯云产品：
- 云服务器（CVM）：提供可扩展的云服务器实例，适用于部署和运行各种应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：提供安全、稳定、低成本的对象存储服务，用于存储和管理静态文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 内容分发网络（CDN）：通过在全球部署节点，加速静态资源的传输，提供更快的访问速度和更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上链接仅供参考，具体选择产品和服务时应根据实际需求进行评估和决策。
相关·内容
1回答
我有问题的内联缩小CSS与Gulp。
这是我的gulpfile.js：
var gulp = require('gulp'),
runSequence = require('run-sequence'),
$ = require('gulp-load-plugins')(),
browserSync = require('browser-sync'),
del = require('del');
gulp.task('clean', function(){
del(['
浏览 1提问于2015-01-14得票数 1
回答已采纳
我使用的是Laravel框架。当应用程序在生产环境中运行时，有没有什么方法可以触发gulp来缩小资产？
下面是我想要运行的吞咽任务。
var gulp = require('gulp');
var concat = require('gulp-concat');
var minifyCSS = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
// css minification task
gulp.task('cs
浏览 1提问于2014-10-12得票数 2
1回答
我缩小了从SASS生成的CSS。切换到Gulp 4后有问题，重命名和缩小CSS。 所有gulp插件都已正确安装。一切正常，除了缩小和重命名CSS。 下面是我的代码： const browserSync = require('browser-sync').create();
const run = require('gulp-run');
const del = require('del');
var gulp = require("gulp");
var rename = require("gulp-rename&#
浏览 14提问于2019-03-19得票数 0
回答已采纳
目标
我正在更新我的旧gulpfile.js，它过去主要用于将我的Sass编译成CSS，但现在我试图让Gulp做以下工作：
同步浏览器，启动本地主机服务器- DONE
编译Sass => CSS - DONE
使用JSHint - DONE 显示任何JSHint错误
用Babel ES6 (WORKING ON)编译=> ES6
缩小所有资产(WORKING ON)
显示项目文件大小- DONE
将index.html、style.css和映像部署到S3 (WORKING ON)
查看文件，在.scss或.htm
浏览 3提问于2015-11-01得票数 10
1回答
在下面的片段中，.pipe(gulpIf('*.css', cssnano()))的输入和输出是什么？
gulp.task('useref', function(){
return gulp.src('app/*.html')
.pipe(useref())
.pipe(gulpIf('*.js', uglify()))
.pipe(gulpIf('*.css', cssnano()))
.pipe(gulp.dest('dist'))
});
API docs
浏览 1提问于2017-05-19得票数 2
回答已采纳
2回答
我只想"app.scss“在缩小的版本，现在我正在得到所有三个SCSS文件转换为".min”文件。请帮帮忙
var gulp = require('gulp');
var sass = require('gulp-sass');
var rename = require('gulp-rename')
gulp.task('sass', function(){
return gulp.src(['scss/style.scss', 'scss/variable.scss',
浏览 2提问于2016-06-06得票数 0
我有一个大的缩小css文件和一个小的非缩小文件。我会定期更换非缩小文件，但我希望它们结合在一起。然而，重新定义一个大的缩小文件需要花费太长的时间。
我想要的是这样的..。
var cssnano = require('gulp-cssnano');
var cssjoin = require('gulp-cssjoin');
gulp.task('cssjoin', function() {
gulp.src( 'changing.css' )
.pipe(cssnano())
.pipe(rename(
浏览 2提问于2016-06-17得票数 0
回答已采纳
我正在深入研究johnpapa关于Gulp的自动化课程，似乎碰到了一堵奇怪的墙:当我试图运行CSS和JS连接和缩小任务时，它没有完成缩小任务。
这是一项任务：
gulp.task('optimize', ['inject'], function () {
var assets = $.useref.assets({searchPath: ''});
var cssFilter = $.filter(['**/*.css'], {restore: true});
var jsFilter = $.filte
浏览 2提问于2015-09-16得票数 2
回答已采纳
2回答
我在我的gulp构建系统中使用了，但是清洁css并没有缩小文件的范围。如果我将目标目录更改为其他目录，它将正确地工作并缩小文件。目标目录"build/css/“。
这是我的代码：
gulp.src ("css/*.css")
.pipe (cleancss ({ level: 2 }))
.pipe (gulp.dest ("build/css"));
工作代码但在错误的目录中：
gulp.src ("css/*.css")
.pipe (cleancss ({ level: 2 }))
.pipe (gulp.dest ("bu
浏览 6提问于2017-08-03得票数 0
回答已采纳
2回答
我的任务是缩小CSS文件并将它们连接到一个文件中：
gulp.task('minify-css', function() {
'use strict';
var pathsToMinifyAndConcat = [
'css/index.css'
];
var pathsToConcatOnly = [
'lib/css/font-awesome-4.3.0/font-awesome.min.css'
];
var minifyFiles = require('gulp-cssnano');
v
浏览 3提问于2015-12-30得票数 0
回答已采纳
我有一个gulpfile.js，我在这里缩小我的js文件，问题是，当我做gulp构建时，这个任务是创建缩小的js文件，而不是在rev-manifest.json中输入键值对。 gulp.task('js', function (done) {
console.log('minifying js...');
gulp.src('./assets/**/*.js')
.pipe(uglify())
.pipe(rev())
.pipe(gulp.dest('./public/assets'))
.pi
浏览 26提问于2021-04-08得票数 0
目前，通过这些代码行，我正在缩小我的项目。
gulp.task('minify-js', function() {
gulp.src('js/*.js')
.pipe($.uglify())
.pipe(gulp.dest('./_build/'));
});
gulp.task('minify-css', function() {
gulp.src(['./css/**/*.css&#
浏览 2提问于2017-11-13得票数 0
1回答
我使用Gulp来运行任务，比如缩小和压缩我的css，js.
我使用gulp-minify-css插件缩小我的css，它运行良好.但我有一个问题，我需要改变我的html .css和.js的新路线？我能做个任务吗？
// including plugins
var gulp = require('gulp')
, minifyCss = require("gulp-minify-css");
// task
gulp.task('minify-css', function () {
gulp.src('./Css/one.css&#
浏览 2提问于2014-11-03得票数 2
回答已采纳
我需要输出的原始CSS和生成的RTL版本使用Gulp的缩小版本。但是，由于这些CSS最初是从SASS编译而来的，所以如果可能的话，我也想保留源地图。
以下是在缩小之前使用gulp-rtlcss的任务：
gulp.task("sass", function() {
return gulp.src("scss/style.scss")
.pipe(sourcemaps.init())
// sass and autoprefixer here
.pipe(gulp.dest("css"))
浏览 1提问于2017-09-29得票数 1
1回答
我如何将从更少生成的CSS缩小到“dist”文件夹？当然，所有的吞咽插件都可以很好地安装。一切顺利，除了缩小CSS。这是我的代码：
gulp.task('styles', function () {
return gulp.src('app/less/*.less')
.pipe($.less())
.pipe(gulp.dest('.tmp/styles'));
.pipe(minifyCSS({keepBreaks:false}))
.pi
浏览 1提问于2015-01-22得票数 0
回答已采纳
我正在尝试生成一个源地图并缩小它，但它不起作用。
文件位置: test/test.less
输出:文件名test/test.less
映射文件test.css.map
压缩文件test.min.css
当我在浏览器上加载该文件时，它不会加载，但当我加载bootstrap.css.map文件时，它会显示每个css或更少的文件。
var gulp = require( "gulp" ),
concat = require( "gulp-concat" ),
watch = require( "gulp-watch" ),
no
浏览 9提问于2015-03-05得票数 2
我正在和TailwindCSS建立一个项目。我正在尝试用Gulp设置我的自动化，但是我遇到了一个HTML重新加载的问题。当我运行Gulp时，一切似乎都运行得很好，它缩小和清理我的CSS，合并和缩小我的JS等，但当我尝试在我的超文本标记语言中保存来自Tailwind的类时，我的Gulp文件中的BrowserSync不会重新加载。我的Gulpfile在下面。
var gulp = require('gulp')
autoprefixer = require('gulp-autoprefixer')
cleanCSS = require('
浏览 13提问于2019-12-28得票数 0
尝试为项目设置gulp文件时，我想编译less，然后将其缩小并将其保存到一个新文件夹中。
我的less文件保存在app/less/styles.less中，编译后的css文件应该保存到dist/css/styles.css中，但它保存到dist/css/less/styles.css中。
我在这里做错了什么？
var app = 'app/',
dist = 'dist/',
appStyles = app + '**/*.less';
gulp.task('compilecssremote', function(){
re
浏览 0提问于2016-11-21得票数 0
我正在使用Gulp.js，在做了一个缩小的步骤之后，我很难用gulp来指向原始的更少的文件。
由于gulp css不支持源代码地图，所以我使用的是postcss & csswring。
理想情况下，我想以以下方式结束：
ss.css (未缩小)
ss.css.map (从ss.css指向原始.less文件)
ss.min.css (小型化)
ss.min.css.map (从ss.min.css指向原始.less文件)
现在，我已经停止了输出小型化和非小型化版本的尝试，但是即使让缩小的版本指向原始的.less文件似乎也不起作用。
在不执行细化步骤的情况下，我的.
浏览 0提问于2014-12-01得票数 4
1回答
使用gulp-sftp，我似乎不能只上传在CSS缩小后更改的文件。
下面的半工作段从编译CSS开始，然后继续监视src dir中的变化。接下来，它将监视dist dir中的更改(其中存储了缩小的CSS )，以便将该文件上传到web服务器。
但是，由于gulp正在上载所有内容，而不仅仅是已更改和缩小的文件，这是行不通的。
var gulp = require('gulp'),
changed = require('gulp-changed'),
minifycss = require('gulp-minify-css'),
浏览 4提问于2014-05-10得票数 3
回答已采纳
1回答
我有下面的gulp文件，它将监视我的styles.scss文件并更新我的style.css文件。每次styles.css文件更新时，我都需要运行“”来缩小它。我想知道是否有一种方法可以“监视”styles.css文件并自动缩小它？
const gulp = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();
const minifyCSS = require('gulp-minif
浏览 4提问于2022-09-09得票数 1
我设置了一些简单的Gulp任务来处理我的CSS文件。
这些任务被放在一个“主”任务中：
gulp.task('process-css', ['concatCSS', 'minifyCSS', 'renameCSS']);
仅供参考，具体任务定义如下：
gulp.task('minifyCSS', function() {
return gulp.src('themes/my_theme/css/dist/*.css')
.pipe(sourcemaps.init())
浏览 1提问于2015-06-19得票数 0
下面是在gulp中缩小html文件，如下所示
var gulp = require('gulp');
var path = require('path');
var rename = require('gulp-rename');
var uglify = require('gulp-uglifyes');
var mainBowerFiles = require('gulp-main-bower-files');
var concat = require('gulp-concat');
var
浏览 1提问于2018-05-14得票数 1
回答已采纳
我正在使用Gulp连接/缩小来自bower文件夹(使用主-bower-文件)和src文件夹的所有JS/CSS文件。我使用gulp插件从package.json加载以下依赖项(所有这些依赖项都存在于node_modules中)：
"dependencies": {
"gulp": "^3.9.1",
"gulp-concat": "^2.6.0",
"gulp-filter": "^4.0.0",
"gulp-load-plugins":
浏览 4提问于2016-06-25得票数 1
回答已采纳
1回答
我正在尝试设置一个Gulp任务，将Sass转换为CSS，然后将其缩小。
这是我当前的gulpfile.js
// include gulp
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
//gulp sass
gulp.task('sass', function () {
gulp.src('./scss/main.scss')
.
浏览 3提问于2015-12-17得票数 1
1回答
我使用Gulp将我的所有依赖项CSS文件(包括Bootstrap )打包到on文件中。
然而，当我缩小捆绑文件时，我就松开了引导unicode。
因此，对于一个非缩小的包，我可以看到图标样式：
.glyphicon-star:before {
content: "\e006";
}
但是在缩小的包中，图标样式如下：
.glyphicon-star:before{content:""}
我的吞咽代码如下：
var gulp = require("gulp"),
concat = require("gulp-concat"
浏览 2提问于2017-04-26得票数 1
回答已采纳
我有以下任务，它将*.scss文件编译为scc，将它们缩小并连接到一个css文件中。
gulp.task("scss-to-css", ["clean-css"], function () {
return gulp.src(pathToScssFiles)
.pipe(sass())
.pipe(minifyCss({}))
.pipe(concat("app.min.css"))
.pipe(gulp.dest(contentDir));
});
是否可以将源地图从app.min.css添加到*.scss文件？
浏览 0提问于2015-11-17得票数 0
回答已采纳
1回答
我在这个脚本中主要关注的是'js‘任务。每次我更改' frontend.js‘时，我都会连接并缩小'jquery.js’、'bootstrap.js‘和frontend.js。我只编辑了一个文件，但是每次保存时，我都会将这三个文件连在一起并缩小。有更好的办法吗？
// Load plugins
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var autoprefix = require('gulp-auto
浏览 0提问于2014-09-21得票数 1
回答已采纳
2回答
var paths = {
css: './public/apps/user/**/*.css'
}
var dest = {
css: './public/apps/user/css/'
}
//最小化并合并所有css文件
gulp.task('css', function(){
return gulp.src(paths.css)
.pipe(concatCSS('style.css'))
.pipe(minifyCSS({keepSpecialComments: 1}))
.pipe(rename({
浏览 24提问于2017-01-26得票数 0
1回答
我正在尝试使用gulp缩小JS和CSS文件。该脚本用于缩小JS文件，但当我试图缩小CSS文件时，它会出现以下错误
(节点:10533) UnhandledPromiseRejectionWarning:未处理的承诺拒绝(拒绝id: 1)：错误:多次调用写回调
(节点:10533) DEP0018 DeprecationWarning:未处理的承诺拒绝被取消。在未来，承诺不处理的拒绝将使用非零退出代码终止Node.js进程。
gulp文件如下所示：
var gulp = require('gulp');
var concat = require('gulp-con
浏览 1提问于2017-11-14得票数 3
我使用下面的gulp任务来处理所有scss到CSS，将这些合并成一个缩小的文件，以及显示文件大小。但是，我想分别看看缩小的CSS文件和地图文件的文件大小。以下不做此工作。
gulp.task('styles', function () {
return gulp.src(config.css.src)
.pipe(glob())
.pipe(plumber({
errorHandler: function (error) {
notify.onError({
title: 'Processing all
浏览 1提问于2017-11-20得票数 0
回答已采纳
我在gulp中使用以下任务来连接一些CSS文件。
脚本运行良好，我能够得到一个独特的文件“应用程序扁平.css”与所有CSS。但是我不能使用下面的代码行来缩小"app-flat.css“
.pipe(minifyCss())
我需要最小化concat "app-flat.css“的结果。
你能告诉我我的脚本哪里错了吗？我应该把.pipe(minifyCss())作为最后一个进程吗？
var gulp = require('gulp');
var gutil = require('gulp-util');
var connect = requir
浏览 3提问于2015-12-15得票数 0
我有我的sass吞咽任务来编译我的初始css：
var input = './sass/bootstrap/*.scss';
var output = './public/css';
var sassOptions = {
lineNumbers: true
};
gulp.task('sass', function () {
return gulp
// Find all `.scss` files from the `stylesheets/` folder
.src(input)
浏览 4提问于2016-04-28得票数 0
我需要对一些.js文件进行打包和缩小，但我需要为这些文件的处理定义一个正确的顺序。
我该怎么做？
我的gulpfile.js文件，路径片段：
...
var paths = {
js: webroot + "js/lib/**/*.js",
minJs: webroot + "js/lib/**/*.min.js",
css: webroot + "css/lib/**/*.css",
minCss: webroot + "css/lib/**/*.min.css",
...
我需要按这个顺序处理：
浏览 1提问于2017-02-24得票数 1
回答已采纳
1回答
我刚开始使用it...Now，只是想学习一下我遇到的问题，我想问的是如何设置默认任务，包括手表和浏览器同步，我需要知道我是不是做错了什么
有人能在这里改进我的代码吗，，我不明白手表和浏览器同步的关系，哪些任务在浏览器同步之前运行，什么时候看？
下面是我的文件夹结构
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var uglify = require('gulp-uglify
浏览 2提问于2016-01-01得票数 2
回答已采纳
我一直在使用一个gulpfile，我现在已经修改了它，尝试将源地图添加到我编译的css和缩小的css文件中。
我在文件中有以下任务：
gulp.task('sass', function () {
return gulp.src('./src/sass/zebra.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer({
browsers: autopr
浏览 14提问于2017-03-01得票数 5
回答已采纳
1回答
我已经成功地获得了我所有的scss，包括引导程序，可以使用gulp合并成一个缩小的文件。现在，我试图对我的js和引导进行同样的处理。问题是，uglify不断向我抛出错误，就像意外的令牌: name ($)等等，并且不会因此而缩小/编译引导js。现在我开始相信我在这件事上走错了路。
这是我的文件结构：
app/ js (此处的my.js文件)/供应商/引导/js/src/(这里的引导js文件)
正如您所看到的，我所做的只是将引导js文件复制到我的文件中，希望它们与我的文件一起被缩小/编译。但是我用scss导入了文件，就像你通常做的那样。我是不是做错了？
这是我的gulp.js代码
var gul
浏览 0提问于2018-03-09得票数 1
回答已采纳
我对gulp比较陌生，我将它作为一个任务运行器来连接和编译.js和sass/css文件。这些方面目前正在开发环境中工作。
我搞不懂的是一个工作流程问题。现在，我的连接文件位于以下文件夹中：
-css (myapp.css)
-js (myappconcat.js)
如果我在本地工作，我还不想为了调试目的而缩小它们(对吗？)。
然而，在阅读gulp时，我发现构建任务通常被设置为将资产缩小到“dist”文件夹中进行生产。如何在我的HTML文件中管理它？
例如，在我的开发HTML文件中，我将包含CSS和js，如下所示：
<link href="/css/myapp.css" r
浏览 2提问于2018-04-17得票数 0
1回答
我创建了一个styles任务，它从Sass文件创建小型化和非小型化的CSS文件。我也想创建缩小和非缩小的原始地图，然而，这似乎是行不通的。
以下是代码：
// Compile Sass, Autoprefix and minify
gulp.task('styles', function() {
return gulp.src('./assets/scss/**/*.scss')
.pipe(plumber(function(error) {
gutil.log(gutil.colors.red(error.message))
浏览 0提问于2016-02-01得票数 2
回答已采纳
1回答
我要大口吐出一个style.min.css
// Minify
gulp.task('minify-css', function () {
gulp.src('css/style.css')
.pipe(cleanCSS())
.pipe(gulp.dest('css/style.min.css'))
});
它正在缩小.css，但它正在创建一个包含style.css的目录：
css/style.min.css/style.css
有什么帮助吗？谢谢。
浏览 2提问于2018-03-13得票数 2
回答已采纳
在我之前的MVC应用程序中，我已经使用.NET进行了优化(连接、缩小等)。我的CSS文件。我不得不使用自定义的转换类来处理CSS中的路径，如下所示：
.brand {
background-image: url("../images/logo.png");
}
或者甚至是：
.brand {
background-image: url("/Content/images/logo.png");
}
我在最近的项目中添加了gulp进行前端测试，我想我也可以用它来自动优化我的CSS和JS文件。下面是我处理CSS文件的gulp任务：
var gulp =
浏览 6提问于2015-07-16得票数 8
我正在尝试转换我的scss文件到css文件使用gulp。在编写了scss之后，它很容易转换为css。现在我想要缩小这个css，并想保存在其他文件夹中，比如说'min‘文件夹。在min文件夹中还有其他css文件。现在我想将这些css文件连接到单个文件中，并保存在“dist”文件夹中。一切都很好，但同时运行吞咽。但是在我的html页面中使用拼接的css文件时，所有的css都不会出现在那里。所以我已经检查了我从scss编译的css，但是最新的编写代码在那里，而不是在缩小和连接的文件中。最后，我注意到，缩小和连接首先执行，最后是scss编译。所以在最终的css代码中是缺乏的。有没有办法让这件
浏览 19提问于2020-04-04得票数 0
回答已采纳
我想做以下几件事：
合并所有CSS文件(jQuery插件)
组合媒体查询
缩小CSS
写源地图
在那之后，我尝试在另一个文件夹中做其他的事情。
翻译较少
组合媒体查询
缩小结果CSS
写源地图
自动重修复材料
看起来是这样的：
gulp.task('styles', function() {
var streamCSS = gulp.src(sources.css)
.pipe(sourcemaps.init())
.pipe(concat('vendor.css'))
.pipe(
浏览 2提问于2014-08-14得票数 6
4回答
我得喝上两步：
减少.css文件的格式
缩小生成的css文件
这是我的卷宗：
var gulp = require('gulp'),
watch = require("gulp-watch"),
less = require('gulp-less'),
cssmin = require('gulp-cssmin'),
rename = require('gulp-rename');
gulp.task('watch-less', function (
浏览 2提问于2014-08-06得票数 10
回答已采纳
1回答
有没有可能使用像clean-css这样的插件，这样CSS在每次页面刷新/保存时都会缩小？我如何通过管道链接它，以便它到达dist文件夹缩小？谢谢你的帮助！
这是当前的代码：
gulp.task('styles', function(){
return gulp.src('css/style.css')
.pipe(postcss([cssImport, mixins, cssvars, nested, hexrgba, autoprefixer]))
.on('error', function(errorI
浏览 14提问于2018-02-26得票数 1
回答已采纳
2回答
将多个css文件缩小为一个文件的最佳方法是什么？
下面的gulp任务在缩小和串联后引起两个问题：
我使用的引导符号已经消失了。
我的一些风格被打破了。任务似乎让重新安排了--一些样式的位置，例如.footer{...}放在html{...}下面，但现在放在html{...}之上。我怎么才能阻止他们重新安排呢？
吞咽文件：
gulp.task('minify-css', function() {
return gulp.src([
'node_modules/bootstrap/dist/css/bootstrap.css'
浏览 10提问于2016-10-12得票数 1
1回答
我是新手，需要你的帮助，用 gulp 插件来缩小我的CSS文件。我的简单项目结构：
gulpfile.js
css/
myCss.css
min/
myCss.min.css
images/
myImg.jpg
我现在的目标是缩小文件夹myCSS.css中的CSS文件css/，将其重命名为myCSS.min.css并将其复制到css/min/文件夹。这正如期而至。现在，我在CSS文件中使用相对URL路径：
background-image: url("../images/myImg.jpg");
当将文件复制到文件夹css/min/时
浏览 1提问于2016-05-02得票数 1
回答已采纳
现在，我正在为一个基本上是CSS框架的项目使用Gulp。我现在所做的方法是：@导入单个.less中的所有其他app.less文件，然后将其传递给Gulp任务：
// Compile
gulp.task("compile", function() {
return gulp
.src("source/app.less")
.pipe(less())
.pipe(concat("framework.edge.css"))
.pipe(gulp.dest("./dist&#
浏览 2提问于2017-10-07得票数 0
回答已采纳
我第一次设置Gulp，以便使用NanoCSS和gulp-css将SCSS编译为CSS。我已经创建了一个do-sass，它成功地编译了SCSS并缩小了CSS。但是，当我将它放在监视任务中时，它不起作用。如果我更改了任何SCSS文件，do-sass命令就不会运行。谁能告诉我我做错了什么？
const gulp = require('gulp');
const sass = require('gulp-sass');
const cssnano = require('gulp-cssnano');
gulp.task('sass',
浏览 0提问于2019-04-07得票数 1
1回答
即使从我的gulp.js文件中删除了uglify，它仍然输出缩小的javascript。它也是以毫秒为单位运行的，这让我觉得它在以某种方式缓存文件。即使我的文件没有改变，我也可以强制gulp完全重做任务吗？
var gulp = require('gulp');
var minifyCSS = require('gulp-csso');
var uglify = require('gulp-uglify-es').default;
var concat = require('gulp-concat');
var sourcemap
浏览 0提问于2018-03-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
