使用css的gulp源图缩小

时间:2017-02-12 16:11:51

标签: node.js gulp

我花了几个小时,并不能真正理解这里发生了什么。我尝试concatminify并为我的css文件创建sourcemaps。我希望我的文件夹结构如下:

- Assets
----bundles
--------css
----css
----maps
--------css

我使用了以下代码的大量变体,但无法使其正常工作。例如,当我使用以下代码时:

gulp.src("./Assets/css/*.css", { base: "." })
        .pipe(sourcemaps.init())
        .pipe(concat("./Assets/bundles/css/"))
        .pipe(cssmin())
        .pipe(gulp.dest("."))
        .pipe(sourcemaps.write("./Assets/bundles/maps"))
        .pipe(gulp.dest("."));

这会创建一个文件夹结构:

  

./资产/束/地图/资产/束/ CSS / myFile.css.map

然而,当我使用

gulp.src("./Assets/css/*.css", { base: "." })
        .pipe(sourcemaps.init())
        .pipe(concat("./Assets/bundles/css/"))
        .pipe(cssmin())
        .pipe(gulp.dest("."))
        .pipe(sourcemaps.write("./css"))
        .pipe(gulp.dest("."));

这会输出到我的根项目文件夹,如

  

./ CSS /资产/束/ CSS / myFile.css.map

这里发生了什么?我尝试使用gulp-rename,但也无法使其正常工作。

注意:Gulp版本是3.9.1

1 个答案:

答案 0 :(得分:1)

我最终像这样使用它

If objApp Is Nothing Then
    objApp = New Excel.Application()
End If