zoukankan      html  css  js  c++  java
  • 软件-工具-JS:Grunt

    ylbtech-软件-工具-JS:Grunt

    GRUNT
    JavaScript 世界的构建工具

    1. 返回顶部
    1、

    为何要用构建工具?

    一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

    为什么要使用Grunt?

    Grunt生态系统非常庞大,并且一直在增长。由于拥有数量庞大的插件可供选择,因此,你可以利用Grunt自动完成任何事,并且花费最少的代价。如果找不到你所需要的插件,那就自己动手创造一个Grunt插件,然后将其发布到npm上吧。先看看入门文档吧。

    可用的Grunt插件

    你所需要的大多数task都已经作为Grunt插件被开发了出来,并且每天都有更多的插件诞生。插件列表页面列出了完整的清单。下面给出几个你可能听说过的插件:

    提前感受一下 Grunt 吧!

    安装 grunt 虽然很简单,更多涉及到如何运行项目。看看下面的演示,这是为项目案例运行 grunt 后的输出。

    grunt 
    Running "jshint:gruntfile" (jshint) task
    >> 1 file lint free.
     
    Running "jshint:src" (jshint) task
    >> 1 file lint free.
     
    Running "jshint:test" (jshint) task
    >> 1 file lint free.
     
    Running "qunit:files" (qunit) task
    Testing test/tiny-pubsub.html....OK
    >> 4 assertions passed (23ms)
     
    Running "clean:files" (clean) task
    Cleaning "dist"...OK
     
    Running "concat:dist" (concat) task
    File "dist/ba-tiny-pubsub.js" created.
     
    Running "uglify:dist" (uglify) task
    File "dist/ba-tiny-pubsub.min.js" created.
    Uncompressed size: 389 bytes.
    Compressed size: 119 bytes gzipped (185 bytes minified).
     
    Done, without errors.
     
    

    谁在使用Grunt?

    以下列出了一部分正在使用Grunt的公司或项目。 查看更多。

    如何开始使用Grunt?

    快速入门 文档能告诉你如何在项目中使用 Grunt。当你读完了此文档,请继续阅读 Gruntfile案例 和 配置任务.

    2、
     
    2. 返回顶部
     
     
    3. 返回顶部
     
    4. 返回顶部
     
     
     
    6. 返回顶部
     
    7.返回顶部
     
    8.返回顶部
     
    9.返回顶部
     
    10.返回顶部
    1、
    2、
    2.1、Grunt搭建自动化web前端开发环境
    2.2、
    3、
     
    11.返回顶部
     
    12.返回顶部
     
    13.返回顶部
     
    14.返回顶部
     
    15.返回顶部
     
     
    16.返回顶部
     
    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    2015第14周四
    2015第14周三
    2015第14周二
    2015第14周一
    2015第13周日
    2015第13周六
    2015第13周五
    2015第13周四
    2015第13周三
    2015第13周二
  • 原文地址:https://www.cnblogs.com/storebook/p/8631782.html
Copyright © 2011-2022 走看看