Xxlsxc NPM | npm.io

LSX Compiler

Compile LiveScript + Pug + SASS + React into JavaScript and CSS bundles
Describe the styles, logic and layout of your app in one file (component style)
Use benefits of indented languages
Build React DOM in functional style
Use fast compiler

Highlighting Rules ACE, Cloud9 - https://gist.github.com/askucher/4ffe22d43cba7ef727ae8208c525228b

Demo

News

We can pay for improvements when we accept your pull requests

We are hiring - please contract a.stegno@gmail.com

Join to collaborate https://ide.c9.io/askucher/lsxc

Install

npm i lsxc -g

#next modules we use for demo:
npm i react react-dom mobx mobx-react --save

Example

Code (file.ls)

Example

Compile

lsxc -skhbc file.ls

Help

To see all available options for lsxc run next command:

lsxc --help

Run programmatically

JavaScript

let lsxc = require('lsxc');

let opts = {
    file: "filename",
    target: "resultname",
    bundle: "bundle",
    html: "index"
};

lsxc(opts);

Use a custom HTML template

1. Create a file `template.html`

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <title>The Perfect App</title>
    <dynamicCSS/>
  </head>
  <body>
    <dynamicHTML/>
  </body>
</html>

2. Then compile an app:

lscx -h -t ./template.html

react livescript pug

prelude-ls node-watch chalk clean-css commander express fix-indents html-minifier reactify reactify-ls require-ls through uglify-js xtend browserify-incremental browserify livescript node-sass

@everything-registry/sub-chunk-3192 @infinitebrahmanuniverse/nolb-xx

0.0.1

3 years ago

LSX Compiler

Demo

News

Install

Example

Code (file.ls)

Compile

Help

Run programmatically

JavaScript

Use a custom HTML template

1. Create a file template.html

2. Then compile an app:

1. Create a file `template.html`