❤
npm
Sign UpSign In

lsxc

0.0.318 • Public • Published

LSX Compiler

logo

  • 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

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

Readme

Keywords

Package Sidebar

Install

npm i lsxc

Repository

github.com/askucher/lsxc

Homepage

github.com/askucher/lsxc#readme

Weekly Downloads

10

Version

0.0.318

License

ISC

Unpacked Size

31.4 kB

Total Files

15

Last publish

Collaborators

  • askucher
Try on RunKit
Report malware