gulp 相關文章

一、https://www.cnblogs.com/sxz2008/p/6370221.html

二、https://www.cnblogs.com/wujie520303/p/4964931.html  （gulp-usemin）

三、https://segmentfault.com/a/1190000002955996

四、https://www.cnblogs.com/QRL909109/p/5620824.html （插件）

五、http://www.jianshu.com/p/9724c47b406c （gulp & webpack整合，魚與熊掌我都要）

六、https://www.cnblogs.com/chris-oil/p/5689017.html （gulp + webpack 構建多頁面前端項目）

七、http://blog.csdn.net/xiangzhihong8/article/details/53993980 （gulp+webpack工具整合簡介）

八、https://www.cnblogs.com/maskmtj/archive/2016/07/21/5597307.html（gulp+webpack構建配置）

九、https://segmentfault.com/a/1190000003969465（gulp + webpack 構建多頁面前端項目）

十、https://segmentfault.com/a/1190000003098076 （利用 Gulp 處理前端工做流程）

十一、http://blog.csdn.net/q1512451239/article/details/53407332 （gulp使用——將js、css引入index.html中(以wiredep爲例)）

 

一、http://www.jianshu.com/p/803ee662f3d2（gulp入門教程）

二、http://www.ydcss.com/archives/18（gulp入門教程）

 

 gulp 參數

-g：全局安裝。將會安裝在C:\Users\Administrator\AppData\Roaming\npm，而且寫入系統環境變量；  非全局安裝：將會安裝在當前定位目錄；  全局安裝能夠經過命令行在任何地方調用它，本地安裝將安裝在定位目錄的node_modules文件夾下，經過require()調用；

--save：將保存配置信息至package.json（package.json）；

-dev：保存至package.json的devDependencies節點，不指定-dev將保存至dependencies節點；

 

 

gulp 坑集錦

一、gulpfile使用了ES6語法，這個問題糾結我一下子。咱們要裝的轉譯ES6的Babel還要靠gulp來載入呢，那gulpfile裏的ES6轉義誰來作？還好gulp在3.9版本起就支持ES6了，用法也簡單，只要把gulpfile.js 重命名爲 gulpfile.babel.js 便可

 

二、gulp-minify-css 這個 gulp 插件就直接用上了，沒想到他居然把全部的低版本IE hack代碼給幹掉了，能夠設置參數

{

"compatibility": "ie7"

}

 

 

 

gulp 實例

一、http://www.jianshu.com/p/6f2782de8c0e

二、https://segmentfault.com/a/1190000005657651?_ea=936477

三、https://github.com/wangzhongchunongithub/ReactJS_Starter

四、https://github.com/shaqihe/reactDemo（gulp+webpack+react）

 

 

 

　往html中插入js,css，也能夠用（gulp-inline-source和gulp-inline）

gulp.task('indexHtml', function() { return gulp.src('index.html') .pipe(cheerio(function ($) { $('script').remove(); $('link').remove(); $('body').append('<script src="app.full.min.js"></script>'); $('head').append('<link rel="stylesheet" href="app.full.min.css">'); })) .pipe(gulp.dest('dist/')); });