前言 在未接触browserify,虽然我知道它是一个前端构建工具,但还是有几个疑问: 1. browserify出现的日期? 2. 能构建哪些文件? 3. 附加的browserify代码体积是多大? 4. 能生成多个输出文件吗? 5. 如何兼顾开发调试? 6. browserify vs webp ...
分类:
其他好文 时间:
2016-09-11 16:56:12
阅读次数:
200
webpack引入 前面我们简单学习了gulp,这时一个前端构建框架 webpack产生了(模块打包) 它能帮我们把本来需要在服务端运行的JS代码,通过模块的引用和依赖打包成前端可用的静态文件。(这里有需要了解一下CommonJS规范,具体请自行查看http://commonjs.org)。 安装w ...
分类:
Web程序 时间:
2016-09-09 16:49:12
阅读次数:
301
随着前端项目的飞速发展,项目越来越大、文件越来越多,前端工程化的工具也越来越多。下面介绍目前最流行的四种构建工具——grunt、gulp、browserify、webpack 所有的构建工具都是基于NodeJs和Npm,所以使用下面任何工具都需要安装Node 一、grunt 1、需要两个文件: ...
分类:
Web程序 时间:
2016-09-09 16:39:49
阅读次数:
152
http://www.cnblogs.com/2050/p/4198792.html gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你 ...
分类:
Web程序 时间:
2016-09-06 13:56:30
阅读次数:
332
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 ...
分类:
Web程序 时间:
2016-08-26 21:16:25
阅读次数:
229
简单配置grunt 配置gulp还是grunt都是在node的环境下安装的,所以在这之前保证你的node环境已经安装好了! * nodejs安装很简单,去百度搜索 nodejs官网下载。 下载这个之后直接双击,点击安装和下一步就好,这里很简单不必多说。 *其次就是验证你安装nodejs是否成功的方法 ...
分类:
其他好文 时间:
2016-08-20 19:17:23
阅读次数:
302
前端构建工具gulp使用 前端自动化流程工具,用来合并文件,压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn G ...
分类:
其他好文 时间:
2016-08-17 19:48:10
阅读次数:
196
本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步教你上手Gulp。不要怕,它其实很简单,我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境。访问 http://nodejs ...
分类:
其他好文 时间:
2016-08-13 19:38:41
阅读次数:
172
随着前端技术的发展,MV*框架雨后春笋般的出现啦~同时很多前端构建工具也受到了追捧。 今天就来说一下webpack + gulp实现前端工程化的姿势吧(自我感觉这个姿势还不够好,你们有更好的姿势求告诉!) webpack是什么? https://github.com/webpack webpack是 ...
分类:
Web程序 时间:
2016-08-06 14:27:37
阅读次数:
192
http://www.w3cplus.com/css/less 一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器 ...
分类:
其他好文 时间:
2016-07-08 13:42:05
阅读次数:
214