[转]前端版本控制工具 gulp或者Grunt插件基于nodejs

最新推荐文章于 2024-08-04 23:14:53 发布

liNewman

最新推荐文章于 2024-08-04 23:14:53 发布

阅读量139

点赞数

本文链接：https://blog.csdn.net/liNewman/article/details/86576092

版权

[转]前端版本控制工具 gulp或者Grunt插件基于nodejs

发起缘由：

静态资源缓存控制grunt插件

http://blog.csdn.net/xiebaochun/article/details/17579233

http://www.zhihu.com/question/27548038

配合nodejs环境下的grunt等构建工具------nodejs 的模块支持

Grunt是什么？

Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩，编译，单元测试，代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务，你所需要做的只是配置好Grunt，这样能很大程度的简化你的工作。 http://www.lxway.com/486461194.htm

作为前端构造工具，它还有诸多其他功能： http://www.cnblogs.com/yexiaochai/p/3603389.html

文件hash示例： https://my.oschina.net/cobish/blog/653012

grunt-hash ： https://www.npmjs.com/package/grunt-hash

总结： http://www.tuicool.com/articles/YJZvAbZ

百度的fis

gulp 对应的插件有：
sindresorhus/gulp-rev · GitHub
jonkemp/gulp-useref · GitHub

推荐使用gulp插件： gulp-clean gulp-rev gulp-rev-collector gulp-sequence
基于gulp的自动化工具，自动增量式添加文件指纹： https://github.com/front-end-build/cache-handler

中文网：http://www.gulpjs.com.cn/

-------------

Webpack是一款用户打包前端模块的工具。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font
 
file、template等。个人认为它的优点就是易用，而且常用功能基本都有,另外可以通过自己开发loader和plugin来满足自己的需求。这里就尽量详细的来介绍下一些基本功能的使用。
 


1. 为什么用 webpack?

他像 Browserify, 但是将你的应用打包为多个文件. 如果你的单页面应用有多个页面, 那么用户只从下载对应页面的代码. 当他么访问到另一个页面, 他们不需要重新下载通用的代码.
因为他能够编译打包 CSS, 做 CSS 预处理, 编译 JS 方言, 打包图片, 还有其他一些.

它支持 AMD 跟 CommonJS, 以及其他一些模块系统, (Angular, ES6). 如果你不知道用什么, 就用 CommonJS.