文章分类 - gulp
摘要:随着React、Angular2、Redux等前沿的前端框架越来越流行,使用webpack、gulp等工具构建前端自动化项目也随之变得越来越重要。鉴于目前业界普遍更流行使用webpack来构建es6(ECMAScript 2015)前端项目,网上的相关教程也比较多;相对来说使用gulp来构建es6项
阅读全文
摘要:http://www.css88.com/archives/4548 发表于 2014年04月2日 by 天涯孤雁 被浏览 44,605 次 小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货。各大应用市场搜索
阅读全文
摘要:http://www.open-open.com/lib/view/open1419161444980.html 收藏 1收藏 http://www.open-open.com/lib/view/open1419161444980.html 收藏 1收藏 http://www.open-open.c
阅读全文
摘要:webpack进阶之插件篇 一、插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个
阅读全文
摘要:http://www.cnblogs.com/zhengjialux/p/5861845.html webpack常用配置总结 1. webpack简介 webpack 是一个模块打包工具。它使得模块相互依赖并且可构建等价于这些模块的静态资源。相比于已经存在的模块打包器(module bundler
阅读全文
摘要:转载http://www.cnblogs.com/tugenhua0707/p/5576262.html webpack进阶构建项目(一) 阅读目录 1.理解webpack加载器 2.html-webpack-plugin学习 3.压缩js与css 4.理解less-loader加载器的使用 5.理
阅读全文
摘要:1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: 全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行: 如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上-
阅读全文
摘要:1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: 全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行: 如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上-
阅读全文
摘要:转自 http://www.cnblogs.com/Darren_code/p/gulp.html 这篇文章不会介绍 gulp 的起源、发展;不会去一个个讲解 gulp API;也不想出现大段大段的 gulpfile.js 代码;更木有帮你分析 gulp 实现原理,只有一些我自己对 gulp 的使用
阅读全文
摘要:转自:https://segmentfault.com/a/1190000002484973 当开始一个React项目的时候,首要的烦人问题就是,编译。似乎考虑到编译就得去学Grunt脚本,就得去写gulp。虽然会写gulp脚本,但仍然觉得这些事情很没必要也很耗时,而且这种脚本的特点是难以debug
阅读全文
摘要:转自:http://www.qiqiboy.com/post/61 为何要用构建工具?一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你正确配置好了任务,任务运行器就会自动帮你或你的小组完成大
阅读全文
摘要:转自:https://segmentfault.com/a/1190000002580846 什么是gulp? gulp是新一代的前端项目构建工具,你可以使用gulp及其插件对你的项目代码(less,sass)进行编译,还可以压缩你的js和css代码,甚至压缩你的图片,gulp仅有少量的API,所以
阅读全文
摘要:转自:http://www.wtoutiao.com/p/Rb7LgQ.html Gulp 实战和原理解析 内容简介:介绍 Gulp 和 Grunt 区别,为什么使用 Gulp,以及我们在项目实战里如何应用 Gulp,最后讲一下 Gulp 的核心原理 Stream,以及基于 Stream 的一些最佳
阅读全文
摘要:来自:http://www.cnblogs.com/gulei/p/5407732.html gulp使用技巧-删除node_modules文件夹,解决目录层次太深删除报错的问题 问题描述: 在使用gulp当中,自动生成的node_modules文件夹,因为文件目录层级太深,无法系统删除,用360粉
阅读全文
摘要:转自:http://www.w3cplus.com/css3/autoprefixer-css-vender-prefixes.html 为什么还要用mixin呢?为什么不使用Autoprefixer?使用Autoprefixer,只需要输入一行代码,编译器帮你做了一切,还纠结个毛mixin。 姐姐
阅读全文
摘要:转自:http://www.qianduancun.com/nodejs/33.html gulp-load-plugins模块 一般情况下,gulpfile.js中的模块需要一个个加载。 上面代码中,除了gulp模块以外,还加载另外三个模块。 这种一一加载的写法,比较麻烦。使用gulp-load-
阅读全文
摘要:转自:http://sentsin.com/web/861.html 商业竞争时代的Web 开发,效率越来越成为其中决胜的关键因素之一。在前几年的时候,前端是一片荒芜的待开垦之地,开发者更多考虑开阔更多技术疆域;而最近几年,在前端技术这种更新迭代快到连裸奔都追不上的情况下,在强调高产的同时,效率必然
阅读全文
摘要:http://www.tuicool.com/articles/26NNnq 这是Gulp系列教程的第四部分。今天我会展示如何使用Sass(和Compass如果你愿意)来创建CSS文件。另外我会使用Autoprefixer来添加浏览器前缀并创建Source Maps使得Sass文件调试更方便。 到目
阅读全文
摘要:Grunt靠边,全新的建构工具来了。Gulp的code-over-configuration不只让撰写任务(tasks)更加容易,也更好阅读及维护。 Glup使用node.js串流(streams)让建构更快速,不须写出资料到硬盘的暂存档案/目录。如果你想了解更多有关串流–虽然不是必须的–你可以阅读
阅读全文
摘要:基本用法 全选复制放进笔记 基本 API gulp.src(glob[, options]) 根据 glob 匹配文件,返回 stream,可以通过 .pipe() 方法传递给后续的插件。 gulp.dest(path[, options]) 一般用法 .pipe(gulp.dest(path)),
阅读全文