gulp配置零碎筆記

1、gulp生成雪碧圖

//生成sprites和樣式表

gulp.task('sprite', function () ))

.pipe(gulpif('*.png', gulp.dest('./dist/img/')))

.pipe(gulpif('*.css', gulp.dest('./dist/css/')))

return spritedata

});2、gulp完成配置

(function

() )
})})
}//font字型處理
gulp.task('font', function
() );
//html處理
gulp.task('html', function
() ))
//.pipe(changed(config.allhtml.dist))
//.pipe(fontspider()) //字型轉換
.pipe(gulp.dest(config.html.dist));
});//sass樣式處理
gulp.task('sass', function
() ).on('error', sass.logerror))
.pipe(autoprefixer())
.pipe(gulpif(condition, cleancss()))
//.pipe(cleancss())
.pipe(gulpif(!condition,sourcemaps.write('./maps')))
.pipe(gulp.dest(config.sass.dist))
.pipe(reload());
});//css樣式處理
gulp.task('css', function
() ))
.pipe(gulpif(condition, cleancss()))
.pipe(gulp.dest(config.css.dist))
.pipe(reload());
});//生成sprites和樣式表
gulp.task('sprite', function
() ))
.pipe(gulpif('*.png', gulp.dest('./dist/img/')))
.pipe(gulpif('*.css', gulp.dest('./dist/css/')))
return
spritedata
});//編譯js
gulp.task('js', function
() ))
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(changed(config.js.dist))
.pipe(gulp.dest(config.js.dist))
.pipe(reload())
//.pipe(concat(config.js.build_name))
//.pipe(gulp.dest(config.js.dist))
//.pipe(uglify())
.pipe(gulpif(condition, uglify()))
.pipe(gulpif(condition,rename(
function
(path) )))
//.pipe(rename(function (path) ))
.pipe(gulp.dest(config.js.dist));
});//編譯第三方外掛程式js
gulp.task('staticjs', function
() ))
});//處理
gulp.task('img', function
() ),
imagemin.jpegtran(),
imagemin.optipng(),
imagemin.svgo(]
})])))
.pipe(gulp.dest(config.img.dist))
.pipe(reload());
});let middleware = proxymiddleware('/api', 
});//靜態伺服器
gulp.task('run', function
() ,
//browser: '',
//open: false,
injectchanges: true
//注入css改變
}); 
['html']).on('change', reload);
gulp.watch(config.allhtml.src, ['html']).on('change', reload);
gulp.watch(config.font.src, ['font']);
gulp.watch(config.css.src, ['css']);
gulp.watch(config.sass.src, ['sass']);
gulp.watch(config.js.src, ['js']);
gulp.watch(config.staticjs.src, ['staticjs']);
['html']).on('change', reload);
gulp.watch('src/img/**/*', ['img','sprite']);
});'default', ['html', 'css', 'font', 'sass', 'js', 'img', 'run','staticjs']);
gulp.task('server', () =>)
})gulp.task('build', () =>)
})gulp.task('default', () =>)
})();

package.json裡設定如下

"scripts": ,

C 零碎筆記

1 編寫c 儲存為.cs檔案。2 通過csc.exe程式來將.cs檔案編譯為.net程式集 exe或.dll 是 偽exe 包含很多內容其中有微軟中間語言il可以被翻譯成類似彙編的中間碼 此時的exe或dll並不是機器碼 cpu不可理解 csc out c a.exe c program.cs 3 ...

Python零碎筆記

魔法方法 在python中，有一些內建好的特定的方法，這些方法在進行特定的操作時會自動被呼叫，稱之為魔法方法。常見的魔法方法有 init 初始化函式，在建立例項物件為其賦值時使用，必須至少有乙個引數self。new 建構函式，建立並返回乙個例項物件。必須要有返回值，返回例項化出來的例項。class ...

零碎方法筆記

網頁icon 網頁可視高度 document.documentelement.clientheight 獲取某個元素的實際位置 var rect dom.getboundingclientrect 單個或多個的iframe高度自適應 根據視窗大小，頁面自適應高度 window.onresize fu...