新建Gulpfile文件,运行gulp 安装好gulp后我们需要告诉它要为我们执行哪些任务,首先,我们自己需要弄清楚项目需要哪些任务。 检查Javascript 编译Sass(或Less之类的)文件 合并Javascript 压缩并重命名合并后的Javascript 安装依赖 新建gulpfile文 ...
分类:
其他好文 时间:
2016-05-19 00:00:06
阅读次数:
356
前端现在三足鼎立的构建工具(不算比较老的ant,yeoman),非fis,grunt,gulp莫属了。 fis用起来最简单,我打算自己得项目中使用一下fis. 先说一下gulp安装吧。 第一步:安装node和npm,搭建node环境。 访问 http://nodejs.org。npm会随着安装包一起 ...
分类:
其他好文 时间:
2016-04-28 11:56:25
阅读次数:
174
阅读目录 gulp相关网址 gulp详细入门教程 前端构建工具gulpjs的使用介绍及技巧 ...
分类:
其他好文 时间:
2016-04-27 12:56:05
阅读次数:
102
本文转载自无双 ,原文地址 http://www.cnblogs.com/2050/p/4198792.html。 感谢原博主的辛苦总结。 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是node ...
分类:
Web程序 时间:
2016-04-18 00:38:34
阅读次数:
296
安装gulp 因为gulp是基于node的管理工具,所以要先安装nodejs安装nodejsnodejs下载地址:中文站:http://nodejs.cn/ 英文站:https://nodejs.org/en/下载后直接运行.msi文件安装完成后,打开命令行(win+R)键入node -查看node ...
分类:
其他好文 时间:
2016-04-12 15:51:36
阅读次数:
205
webpack是什么,提到这个概念,很多人可能立马说出来,模块化加载器兼打包工具,可以把各种资源都作为模块来使用和处理等等。 说到前端构建工具,不可避免的会提到gulp,到底webpack和gulp有什么区别呢?开始的时候我也不是很清楚,总感觉不到他们的差别,后来仔细研究了一下才发现其中的区别。 首 ...
分类:
Web程序 时间:
2016-04-12 00:26:22
阅读次数:
881
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Less的语法最接近原生CSS,因此相对来说更容易上手,假如有 ...
分类:
其他好文 时间:
2016-04-06 11:19:28
阅读次数:
184
【前端构建】WebPack实例与前端性能优化 计划把微信的文章也搬一份上来。 这篇主要介绍一下我在玩Webpack过程中的心得。通过实例介绍WebPack的安装,插件使用及加载策略。感受构建工具给前端优化工作带来的便利。 壹 | Fisrt 曾几何时,我们是如上图的方式引入JS资源的,相信现在很少遇
分类:
Web程序 时间:
2016-03-06 23:37:17
阅读次数:
238
几个月前写了一篇有关gulp和browserify来做前端构建的博客,因为browserify用来做js的打包时可能有些麻烦(特别是在写React的时候),所以这里再强烈推荐一款js打包工具-webpack。webpack很强大,不光可以模块化加载js,甚至还有jsx,css,图片等等。可以看看we
分类:
Web程序 时间:
2016-03-05 16:25:34
阅读次数:
489
介绍一下我在玩Webpack过程中的心得。通过实例介绍WebPack的安装,插件使用及加载策略。感受构建工具给前端优化工作带来的便利。
分类:
Web程序 时间:
2016-03-03 01:35:35
阅读次数:
195