gulp 相关文章

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

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

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

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

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

6、https://www.cnblogs.com/chris-oil/p/5689017.html （gulp + webpack 构建多页面前端项目）

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

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

9、https://segmentfault.com/a/1190000003969465（gulp + webpack 构建多页面前端项目）

10、https://segmentfault.com/a/1190000003098076 （利用 Gulp 处理前端工作流程）

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

 

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

2、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 坑集锦

1、gulpfile使用了ES6语法，这个问题纠结我一会儿。我们要装的转译ES6的Babel还要靠gulp来载入呢，那gulpfile里的ES6转义谁来做？还好gulp在3.9版本起就支持ES6了，用法也简单，只要把gulpfile.js 重命名为 gulpfile.babel.js 即可

 

2、gulp-minify-css 这个 gulp 插件就直接用上了，没想到他竟然把所有的低版本IE hack代码给干掉了，可以设置参数

{

"compatibility": "ie7"

}

 

 

 

gulp 实例

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

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

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

4、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/'));
});