Coder Social home page Coder Social logo

biancamihai / lingon Goto Github PK

View Code? Open in Web Editor NEW

This project forked from spotify/lingon

0.0 2.0 0.0 491 KB

A user friendly tool for building single-page JavaScript applications

License: Apache License 2.0

Ruby 0.33% JavaScript 67.19% Shell 25.79% CSS 0.58% HTML 6.08% Boo 0.04%

lingon's Introduction

lingon

![Image of Lingon berries] (https://farm3.staticflickr.com/2548/3873990304_1d2bd40ebc_m.jpg)

Build Status Dependency Status

Lingon is a performant single-page application dev tool that focuses on developer happiness.
At Spotify we use Lingon to build Angular.js applications.

Overview

Lingon is a build tool that favors convention over configuration. By employing a similar file structure across your projects you can minimize the amount of build configuration you need to write and maintain. We've borrowed this idea from middleman and Sprockets. If you already know these tools you'll feel right at home with Lingon.

Lingon allows you to enjoy the productive workflows from Middleman while leveraging an existing community of great gulp.js plugins.

Features

  • A convention layer on top of node.js streams, compatible with Gulp.js.
  • Sprockets-like "include" directive for file concatenation
  • Uses Gulp plugins as Sprockets-like file processors
  • Built in development server.
  • Out-of-the box support for Less, EJS & Markdown

Get started

1. Install lingon CLI globally

$ npm install -g lingon-cli

2. Create a new project

Create a minimal lingon project using the CLI:

$ lingon new hello-world

3. Run Lingon server

$ cd hello-world
$ lingon

[ Lingon ] Working directory: /path/to/hello-world
[ Lingon ] http server listening on: 0.0.0.0:5678

Project structure

Your project looks like this:

$ ls

node_modules/
source/
.gitignore
package.json
bower.json
lingon.js
README.md
LICENSE

Lingon is configured and run from a file called lingon.js. This is where you define which plugins to use and how they should interact. The most basic valid "lingon.js" file looks like this:

#!/usr/bin/env node
var lingon = require("lingon");

This will allow Lingon to build and serve a basic web applications. By default, Lingon will look for source files in ./source and put build files in ./build. These defaults can be changed like this:

#!/usr/bin/env node
var lingon = require("lingon");

lingon.config.sourcePath = "/some/other/path";
lingon.config.buildPath = "/dev/null";

Check out the usage documentation for a walkthrough of all features.

Lingon tasks

# Generate a lingon new lingon project:
lingon new my-project # will clone https://github.com/javoire/lingon-template-minimal
lingon new my-project -t angular # will clone https://github.com/jpettersson/lingon-ng-template

# Start the server:
lingon

# Build once and quit:
lingon build

# Show version:
lingon -v

# Show help:
lingon -h

# Start the server on a custom port:
lingon server -p 1111

Alternatively, you can execute the lingon.js file directly without installing lingon-cli.
This is useful when building in Jenkins and similar.

Documentation

Project templates

How does it relate to Make, Gulp, Grunt, X?

Lingon favors convention over configuration. For example, Grunt & Gulp provide powerful API's for building very customized build scripts. This requires you to write a bit of code everytime you want your build system to do something new. Each step in the build pipeline is carefully orchestrated so every project becomes special. This means there's a lot of copy-pasta going on when starting something new.

Lingon is inspired by Sprockets and uses a convention approach: A set of simple rules are used to determine what files to build, how to build them and where to put them. Files are processed based on their filename extensions.

Example: "index.html.ejs" will be run through the EJS processor. These processors are gulp plugins, which allows us to leverage a large collection of great existing plugins. If you want to teach Lingon something new, you just have to define the mapping between a file ending and a gulp plugin. That's it!

Test it

Run the bats e2e tests:

$ ./tests.sh

Contributions

We'd love some help!
Take a look at our CONTRIBUTING.md file for guidelines.

License

Licensed under the Apache license.

Lingon photo by thriol

lingon's People

Contributors

anonomis avatar devonharvey avatar javoire avatar jpettersson avatar mattnworb avatar rastersize avatar rouzwawi avatar thisispvb avatar

Watchers

 avatar  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.