Git Product home page Git Product logo

grunt-codekit's Introduction

grunt-codekit

Grunt plugin for compiling Kit files and concatenating javascript

NPM version Build Status Gittip

Getting Started

###Install the plugin

npm install grunt-codekit --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-codekit');

Choose files to compile

The plugins supports building templates written using the Kit language of CodeKit™ as well as concatenating javascript using the same directives as in CodeKit™ and PrePros™ @codekit-append,@codekit-prepend and @prepros-append,@prepros-prepend

Usage Example

grunt.initConfig({
  codekit: {
    options: {
      // None yet
    },
    your_target: {
      files : {
        'index.html' : 'index.kit',
        'app.html' : 'app.kit',
      }
    },
  },
});

About the Kit language

The Kit language is a simple html templating language used in the commercial program CodeKit. It imports files into other html files and does simple variable substitution. Since Bryan Jones made it open source it has seen support from several other programs, among those PrePros and implementations in Python and Javascript. This plugin makes it possible to compile these files using Grunt.

TODO

  • Release a functioning version on the NPM registry
  • Remove Python dependency (Yay!)
  • Support concatenation of javascript using the @codekit-append/prepend directives

Release History

  • 0.1.0 First release. Only compiling of Kit files supported. No framework
  • 0.2.0 Removed dependency on Python (yay!)
  • 0.3.0 Partials are now being excluded (thanks, @aral)
  • 0.4.0 Support for CodeKit/PrePros javascript concatenation directives. Includes fixes in node-kit to align output with that of CodeKit.

grunt-codekit's People

Contributors

fatso83 avatar sroberson avatar aral avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.