https://github.com/atmajs/atma-loader-traceur

Atma plugin: Traceur compiler
https://github.com/atmajs/atma-loader-traceur

Last synced: 6 days ago
JSON representation

Atma plugin: Traceur compiler

• Host: GitHub
• URL: https://github.com/atmajs/atma-loader-traceur
• Owner: atmajs
• Created: 2014-02-01T10:51:12.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-09-13T21:08:39.000Z (about 10 years ago)
• Last Synced: 2024-04-14T22:12:06.860Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 379 KB
• Stars: 1
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
[Traceur Compiler](https://github.com/google/traceur-compiler) (Atma Plugin)

-----

[![Build Status](https://travis-ci.org/atmajs/atma-loader-traceur.png?branch=master)](https://travis-ci.org/atmajs/atma-loader-traceur)

_with proper stacktrace support_

The Plugin extends:

- [`IncludeJS`](https://github.com/atmajs/IncludeJS) with a custom loader

- [`atma-io`](https://github.com/atmajs/atma-io) with a custom middleware to read ES6 files

- [`atma-server`](https://github.com/atmajs/atma-server) and [`Atma Toolkit`](https://github.com/atmajs/Atma.Toolkit) with a `HTTPHandler` to serve compiled sources (with **sourceMap** support)

##### How to use

###### Embed into the Project

+ `atma plugin install atma-loader-traceur`

	This adds `atma-loader-traceur` npm dependency and the `package.json` would look like:

    ```json

        {

            "dependencies": {

                "atma-loader-traceur"

            },

            "atma": {

                "plugins": [

                    "atma-loader-traceur"

                ],

                "settings": {

					"atma-loader-traceur": {

						"extensions" : [ "es6" ]

						"traceur": {} // traceur-compiler options

					}

                }

            }

        }

    ```

+ That's all. Now, you are ready to use the 'next javascript' in your project

##### Quick Try

+ install atma: `$ npm install atma -g`

+ install plugin: `$ atma plugin install atma-loader-traceur`

+ add `test.html` to the directory

    ```html

    

    

    ```

+ add `test.es6`

    

    ```javascript

    setInterval(() => document.body.textContent += ".. itworks ..", 200);

    ```

+ start the server: `$ atma server`

+ open the browser: `http://localhost:5777/test.html`

----

The MIT License