請問如何搭建dist|--- css|--- img|--- js|--- fontssrc|--- scss|--- img|--- js|--- fontsgulpfile.js結構?因為fonts和img文件基本上是不變動的(img就原圖,不用imagemini壓縮)。就是說先要把src下的fonts目錄和img目錄復制到dist/下面。仆的代碼:var gulp = require("gulp");var sass = require("gulp-sass");// 復制靜態資源var staticfolder = [];var fonts = {
dist: "dist/fonts/",
src: "src/fonts/**/*"}var img = {
dist: "dist/img/",
src: "src/img/**/*"}
staticfolder = [fonts, img];
gulp.task("static", function () {
staticfolder.forEach(function (item) {
gulp.src(item.src).pipe(gulp.dest(item.dist));
})
});
gulp.task("static:watch", function () { var folder = staticfolder.map(function (item) { return item.src
});
gulp.watch(folder, ["static"])
})
gulp.task("default", ["static:watch"]);這樣的代碼在新增的時候還沒問題,但是在重命名和刪除文件的時候就會遇到問題。在刪除的時候,watch可能會報錯,不會同步去刪除dist的,然后直接退出watch(重命名跟刪除差不多,是一樣的問題)。而且還有一個問題,就是我每次變動img目錄或者fonts目錄都會重新把這些靜態資源全部重新復制一遍到dist下,所以我感覺這樣不是很科學。請問怎么只復制相應改動的部分呢?
請問gulp怎么樣配置前端目錄結構?
PIPIONE
2018-08-08 10:09:31