gulpjs是一个前端构建工具,与grunt相比,gulp配置参数相对简单很多,API也和简单,学习很容易,gulp使用的是nodejs中stream来读取和操作数据,其速度非常快。如果你还没有使用过前端构建工具,或者觉得grunt太难用的话,来尝试一下gulp吧,在使用gulp之前首先确保正确安装 ...
分类:
其他好文 时间:
2017-10-30 14:54:27
阅读次数:
165
什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 WebPack和Grunt以及Gulp相比有什么特性 Gu ...
分类:
Web程序 时间:
2017-10-26 13:38:30
阅读次数:
219
一:安装nodejs,去官网下载nodejs,https://nodejs.org/en/download/ 【配置环境变量】 二:安装PhantomJS ,官网:http://phantomjs.org/ 下载 【配置环境变量】 三:安装grunt,切换到nodejs安装路径下,如:F:\Node ...
分类:
其他好文 时间:
2017-10-25 13:14:37
阅读次数:
152
gulp 和grunt这两个是我知道的自动构建工具,但是说实话都没在项目中用过,不太清楚自动化构建是什么意思, 1、grunt和gulp有什么相同点和不同点? (1)、易于使用:采用代码优于配置策略,gulp让简单的事情继续简单,复杂的任务变得可管理; (2)、高效:通过利用Node.js强大的流, ...
分类:
其他好文 时间:
2017-10-19 19:57:22
阅读次数:
218
玩转HTML5移动页面 (1) 动画雪碧图 涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite)! 网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGaga,GoPng等等,自动化构建工具Grunt和Gulp也提供了相应插件。 特别地,如果单张雪碧图面积实在太大,可以拆分雪碧图 ...
分类:
移动开发 时间:
2017-10-17 12:35:49
阅读次数:
163
https://stackoverflow.com/questions/15483735/fatal-error-unable-to-find-local-grunt-when-running-grunt-command or npm install 默认安装 package.json中的依赖 ...
分类:
其他好文 时间:
2017-10-11 18:07:05
阅读次数:
101
内容来自大漠老师的视频课程笔记。感谢大漠老师。 (一)基础复习 Tool Chain:GRUNT/Gulp/WebPack,Karma/Jasmine,less/sass,Google Materia,Nodejs (一)Angular-CLI的安装配置 npm i -g cnpm cnpm i - ...
分类:
其他好文 时间:
2017-09-30 19:42:55
阅读次数:
198
使用Grunt构建项目涉及磁盘操作,构建效率较低,因此,基于流的Gulp应运而生。本节通过一个例子,介绍如何利用Gulp构建一个ECMAScript 6和Sass应用。 ...
分类:
移动开发 时间:
2017-09-28 00:29:51
阅读次数:
303
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点)。至于gru ...
分类:
Web程序 时间:
2017-09-24 22:20:21
阅读次数:
269
【grunt第一弹】30分钟学会使用grunt打包前端代码 前言 以现在前端js激增的态势,一个项目下来几十个js文件轻轻松松对于复杂一点的单页应用来说,文件上百简直是家常便饭,那么这个时候我们的js文件应该怎么处理呢?另外,对于css文件,又该如何处理呢??这些都是我们实际工作中要遇到的问题,比如 ...
分类:
其他好文 时间:
2017-09-24 22:14:42
阅读次数:
188