gulp-js1k

gulp-js1k是什么

什么是gulp-js1k,Gulp plugin for minifying and verifying for js1k

gulp-js1k使用教程帮助文档

gulp-js1k

Automatically minify, print some stats about your code size and shove your code into a shim so you can open it in the browser for the js1kcompetition.

Usage:

$ npm install gulp-js1k

Add it to your gulp file: (gulpfile.js)

var js1k = require("gulp-js1k");

// Print some stats (js1k elgibility), minify and output to "/submission/"
gulp.task("js1k", function() {
    gulp.src("js1k-app.js")
        .pipe(js1k())
        .pipe(gulp.dest("./submission/"));
});

// Print some stats (js1k elgibility), minify, output to "/submission/" with the shim html file 
gulp.task("js1k-with-shim", function() {
    gulp.src("js1k-app.js")
        .pipe(js1k(true)) // Notice the true
        .pipe(gulp.dest("./submission"));
});

Run gulp <task-name>and done!

File greater that 1k?

[gulp] gulp-js1k ✘ Minified code is greater than 1024 bytes. 530 characters over the limit (1554 bytes in size).

File less than 1k?

[gulp] gulp-js1k ✔ Less than 1024 bytes. 102 characters left (922 bytes in size). Good to go.

License: MIT


上一篇:《高性能网站建设指南》规则7、8—避免CSS表达式、使用外部JavaScript和CSS
下一篇:pngcrush-installer

相关推荐

  • 简单谈谈gulp-changed插件

    前言 gulpchanged插件的作用,是用来过滤未被修改过的文件,只有修改后的文件才能通过管道。这样做的好处时,只处理修改后的文件,减少后续程序的执行时间。 根据官方给出的例子: 检测SR...

    3 年前
  • 用gulp构建一个简单常用的的原生环境

    gulp作为一个自动化构建工具,在前端开发中大大的提高了开发效率,前端开发者们可以利用他减少许多繁复无脑的操作。 这里简单构建一个小环境,就可以在以后的学习中,直接新建各种test.html测试我们新...

    2 年前
  • 用gulp实现传统的多页面自动化构建,一句命令行完成混淆压缩

    工作的项目,摄像头的设置页面,要求整站大小只能在100k作用,也就是说vue之类的框架,jquery库这些最好不要用,我们就用js原生语言写,并且每次写完要整站都要压缩混淆再上传,考虑到浏览器文件缓存...

    4 个月前
  • 整理笔记:前端工程构建工具gulp篇

    gulp ,基于 NodeJS 的项目,自动化构建的工具增强你的工作流程! 一、工作原理 前端构建工具,gulp是基于Nodejs,自动化地完成 javascript、coffee、sass、less...

    2 个月前
  • 工具 之 gulp使用

    timg.jpeg(/public/upload/133329767e0a2fa7fa26c36bf41ec8e0) 介绍 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器...

    3 个月前
  • 如何能在每一gulpfile吞重新开始改变?

    jfmercercoool(https://stackoverflow.com/users/754842/jfmercer)提出了一个问题:How can Gulp be restarted upon...

    2 年前
  • 如何用上webpack/gulp/rollup,搭建一个基于Vue的UI库脚手架

    目标:搭建一个基于vue的ui脚手架,库的加载方式支持script标签,模块化加载,组件引入方式支持按需加载和全量加载。 脚手架链接 目录、文件约定 完整的一个组件库脚手架不但应该有合理的组件存...

    5 个月前
  • 如何保存流到Gulp.js多个目的地吗?

    Konstantin Tarkus(https://stackoverflow.com/users/82686/konstantintarkus)提出了一个问题:How to save a strea...

    2 年前
  • 如何gulp压缩,丑化代码

    为什么使用 最近在迭代公司的项目,发现项目有如下缺点: 1. 代码没有压缩,js文件,内存大,放在服务器上占空间; 2. 源代码没有混淆或者丑化处理,本公司的程序员写出来的代码和高质量逻辑容...

    1 年前
  • 大口大口的gulp.watch不引发新的或已删除的文件?

    gremo(https://stackoverflow.com/users/220180/gremo)提出了一个问题:Gulps gulp.watch not triggered for new or...

    2 年前

官方社区

扫码加入 JavaScript 社区