Webpage preprocessors list

CSS preprocessors list

LESS
Sass and SCSS
Stylus
PostCSS

Source code file

syntaxes file for Less are (.less).
both syntaxes file for Sass (.sass and .scss).
syntaxes file for Stylus are (.styl and .stylus).
syntaxes file for PostCSS are (.pcss or  .postcss and .sss).
then all the previous files compile into CSS file (.css).

JS preprocessor list

Babel
CoffeeScript
LiveScript
TypeScript

Source code file

syntaxes file for Babel (.babelrc or a package.json)
syntaxes file for CoffeeScript (.coffee and Literate CoffeeScript file extension .coffee.md or .litcoffee may a little bit of the compiler is currently implemented).
syntaxes file for LiveScript (.ls and  LiveScript style JSON .json.ls)
syntaxes file for TypeScript (.ts)
then all the previous files comile into JS file (.js).

Compiler command

lsc for LiveScript
tsc for TypeScript


referensi:
CSS Preprocessor
http://lesscss.org/
http://sass-lang.com/
http://stylus-lang.com/
https://github.com/postcss
JS Preprocessor
http://coffeescript.org/
http://livescript.net/
http://www.typescriptlang.org/
https://babeljs.io/