前端常用构建工具

grunt

基于临时文件,以文件为单位打包

传送门: https://www.gruntjs.net/

gulp

文件操作基于node steam,效率比grunt稍微快一些,并且拥有丰富的插件

传送门:https://gulpjs.com

主要是根据task + plugin机制,细节不做过多描述:

gulp.task('somename', function() {
  gulp.src('src/*.js')
      .pipe(minify())
      .pipe(gulp.dest('build'));
});

适用于构建less,css,es6/typescript 转es5等 资源整合,转化,grunt能做的 gulp基本都能做,性能、写法都优于grunt

fis3

browserify

webpack

基于commonjs,es6 modules,将资源打包整合,js、css、image等一切皆为资源,通过loader, plugin机制资源转化整合

细节单独文章再介绍

rollhub

。。。细节待完善


暂无评论