随笔分类 -  前端自动化

前端自动化构建工具的学习.
bower
摘要：阅读参考：http://blog.fens.me/nodejs-bower-intro/ 阅读全文
posted @ 2015-10-13 10:26 ~Jser 阅读(114) 评论(0) 推荐(0)
yomen
摘要：阅读参考：http://blog.fens.me/nodejs-yeoman-intro/ 阅读全文
posted @ 2015-10-13 10:25 ~Jser 阅读(181) 评论(0) 推荐(0)
grunt插件制作
摘要：插件内容：在文件的顶部加入字符画。一个从无到有的项目，所以我们需要用yeoman来初始化项目。上yeoman官网的generator收纳页搜索gruntplugin。安装这个generator:npm install -g generator-gruntplugin //generator的命名规则... 阅读全文
posted @ 2015-08-13 15:49 ~Jser 阅读(350) 评论(0) 推荐(0)
grunt
摘要：grunt是一套前端自动化工具，一个基于nodeJs的命令行工具。安装NodeJS环境nodeJS官网下载一键式傻瓜安装包：https://nodejs.org/安装成功后，打开cmd输入node,如果提示node不是系统内部命令，请将node加入到系统环境变中。现在让我们开始grunt学习之旅吧！... 阅读全文
posted @ 2015-08-13 10:43 ~Jser 阅读(289) 评论(0) 推荐(0)
gulp介绍
摘要：Gulp是一个数据流构建工具，如：var gulp = require('gulp'), uglify = require('gulp-uglify');gulp.task('minify', function () { gulp.src('js/app.js') .pipe(ug... 阅读全文
posted @ 2015-08-12 15:52 ~Jser 阅读(380) 评论(0) 推荐(0)
gulp的使用指南
摘要：Glup使用node.js串流(streams)让建构更快速。Gulp利用来源档案当作输入，串流到一群外挂(plugins)，最后取得输出的结果，并非Grunt配置每一个外挂的输入与输出。让我们来看个范例，分别在Gulp及Grunt建构Sass：Grunt:sass: { dist: { ... 阅读全文
posted @ 2015-08-12 15:08 ~Jser 阅读(268) 评论(0) 推荐(0)
Grunt插件之LiveReload 实现页面自动刷新，所见即所得编辑
摘要：方案一：简化前端测试的利器 – BrowserSync（推荐）当你的网页有多个浏览器需要照顾时，编写代码变得举步维艰，而测试也变得不省心了。你需要一个一个挨个打开，刷新…。现在好了，有BrowserSync这样的利器，无需手动刷新了，全部由 BrowserSync 搞定。BrowserSync是一个... 阅读全文
posted @ 2015-07-31 11:29 ~Jser 阅读(836) 评论(0) 推荐(0)