GithubHelp home page GithubHelp logo

ericf / broccoli-es6-module-transpiler Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mmun/broccoli-es6-module-transpiler

0.0 3.0 1.0 351 KB

A broccoli filter for transpiling ES6 modules

License: MIT License

JavaScript 100.00%

broccoli-es6-module-transpiler's Introduction

Broccoli's ES6 Module Transpiler

Build Status

A Broccoli plugin that transpiles ES6 modules to other module types using Square's es6-module-transpiler.

Note: The es6-module-transpiler package underwent a major refactor after v0.4.0, the previous version of this package that works with the older transpiler is available on the transpiler-0.4 branch.

Usage

Transpiling to CommonJS

var compileModules = require('broccoli-es6-module-transpiler');

var transpiledLib = compileModules(lib, {
  formatter: 'commonjs'
});

Transpiling to Bundle Format

The bundle format is perfect for packaging your app's modules into one file that can be loaded in the browser without needing a module loader.

var compileModules = require('broccoli-es6-module-transpiler');

var transpiledLib = compileModules(lib, {
  formatter: 'bundle',
  output   : 'app.js'
});

Note: The output option has a specified value to tell the transpiler where to output the new JavaScript file that contains the bundled transpiled modules. An output value is required when using the Bundle Format.

Transpiling to AMD

The latest version of Square's transpiler is flexible and pluggable, and while it doesn't ship with AMD support built-in you can use the AMD formatter: es6-module-transpiler-amd-formatter.

var compileModules = require('broccoli-es6-module-transpiler');
var AMDFormatter = require('es6-module-transpiler-amd-formatter');

var transpiledLib = compileModules(lib, {
  formatter: new AMDFormatter()
});

Documentation

compileModules(inputTree, [options])


options.formatter {String | Object}

The formatter instance or built-in name to use to transpile the modules. Built-in formatters: bundle, commonjs.

Default: bundle.


options.resolvers {Array}

An array of resolver classes used to resolve modules to their source code.

Default: [ FileResolver ].


options.output {String}

The path where the transpiler should output the transpiled modules to. For formatters that output one file per module, this should be a directory, while formatters like the Bundle Format require a value for this option and it must be a file path.

Default: ".".

broccoli-es6-module-transpiler's People

Contributors

adamferguson avatar alexbaizeau avatar caridy avatar ericf avatar mmun avatar rwjblue avatar

Watchers

 avatar  avatar  avatar

Forkers

caridy

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.