前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得grunt ...
分类：
Web程序 时间：
2016-12-24 16:59:04
阅读次数：
269
Sass安装（mac） $ sudo gem install sass $ sudo gem install sass scss编译成css文件 $ sass ui.scss ui.css $ sass ui.scss ui.css CLI安装 $ npm install -g grunt-cli ...
分类：
Web程序 时间：
2016-12-24 16:30:59
阅读次数：
271
引用知乎的回答：https://www.zhihu.com/question/37020798 怎么解释呢？因为 Gulp 和 browserify / webpack 不是一回事 Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp / Grunt 是一种工具，能够优化前端工作 ...
分类：
Web程序 时间：
2016-12-24 07:40:24
阅读次数：
220
下述给出了常用Grunt插件，并列举了部分插件示例。grunt-text-replace 使用字符串、正则、函数替换文本内容；grunt-filerev 文件加MD5摘要，grunt-filerev-...
分类：
其他好文 时间：
2016-12-22 12:05:26
阅读次数：
223
之前博客中大致描述过“前端自动化构建工具Grunt”及“grunt[mismatched:define]”等信息。然而，并没有深入；下述内容，将深入剖析Grunt Files处理方式、配置项、自定义插...
分类：
其他好文 时间：
2016-12-19 11:45:03
阅读次数：
210
一、webpack的优势 1. 能模块化 JS 。 2. 开发便捷，能替代部分 grunt/gulp 的工作，比如打包、压缩混淆、图片转base64等。 3. 扩展性强，插件机制完善，特别是支持 React 热插拔）的功能让人眼前一亮 二、webpack--如何安装 1. 全局安装 node.js ...
分类：
Web程序 时间：
2016-12-16 19:09:40
阅读次数：
166
程式碼編寫工具 (Coding Tools) lumbar brunch grunt lineman yeoman Takeoff mimosa codeKit liveReload stealJS anvil.js modjs AUTOMATON Fire.app lineman yeoman T ...
分类：
Web程序 时间：
2016-12-16 11:50:04
阅读次数：
796
本文是gulp的入门级介绍，主要内容包括什么是gulp，gulp与grunt有什么区别，gulp可以解决grunt存在的哪些问题，以及一个简单的说明例子。 什么是gulp gulp的官方定义非常简洁： 基于文件流的构建系统 。这里强调了 streaming，也就是gulp与grunt的在构建流程上的 ...
分类：
其他好文 时间：
2016-12-15 17:15:29
阅读次数：
235
（1） 动画雪碧图涉及的动画十分多，用的元素也十分多，请务必使用雪碧图（Sprite）！网上的工具有一些可以帮助你生成雪碧图的工具，例如CssGaga，GoPng等等，自动化构建工具Grunt和Gulp也提供了相应插件。特别地，如果单张雪碧图面积实在太大，可以拆分雪碧图，例如拆分成2-4张，因为现代 ...
分类：
移动开发 时间：
2016-12-14 19:21:42
阅读次数：
289
说个之前先说，网站上传一些文件，考虑到性能问题，会用一些压缩软件来压缩代码（grunt,glup,webpack,etc..），这时候就可能出现一个问题。看下面代码 因为今天刚看到，暂且记下自己现在的理解，现在感觉只有闭包采用分号隔开 ...
分类：
Web程序 时间：
2016-12-11 20:53:43
阅读次数：
149
