Question

我是gulp的新手，需要您使用 gulp-cssmin 插件来帮助缩小我的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/时，路径不再正确。我需要重新绑定URL。我该怎么做呢？我试图设置target选项，但没有效果。我的gulpfile.js：

var gulp = require('gulp');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');

gulp.task('default', function () {
    gulp.src('css/*.css')
        .pipe(cssmin({ showLog: true, target: '../', keepBreaks: true }))
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('css/min'));
});

Answer 1

您需要两个options：

x=0:0.012566370614359173:4*pi; f = zeros(1,numel(x)); for n = 0:numel(x)-1 f(n+1) = (4/pi)*(((-1)^n)./(2*n+1))*cos((2*n+1)*x(n+1)); end plot(x,f,'*');：输入文件所在的文件夹（即relativeTo）
css/：输出文件的文件夹（即target）

所以你最终得到：

css/min/

gulp-cssmin：如何更改缩小CSS中的相对URL

1 个答案: