https://github.com/enlight/ibsforts-plugin-babel
Runs Babel on code emitted by the Incremental Build Server for TypeScript.
https://github.com/enlight/ibsforts-plugin-babel
Last synced: 3 months ago
JSON representation
Runs Babel on code emitted by the Incremental Build Server for TypeScript.
- Host: GitHub
- URL: https://github.com/enlight/ibsforts-plugin-babel
- Owner: enlight
- License: mit
- Created: 2015-12-30T03:44:41.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-01-19T10:02:50.000Z (over 10 years ago)
- Last Synced: 2025-03-22T07:29:35.529Z (over 1 year ago)
- Language: JavaScript
- Size: 62.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ibsforts-plugin-babel
Runs [Babel](http://babeljs.io) on code emitted by the [Incremental Build Server for TypeScript](https://github.com/enlight/ibsforts).
## Limitations
- No support for inline source maps (though it wouldn't be that hard to do).
## Setup
```
npm install enlight/ibsforts-plugin-babel --save-dev
```
## Usage
Here's an example of plugging in the `babelTransform` function provided by this package into a
build server:
```typescript
import { IncrementalBuildServer, ProjectLoader } from 'ibsforts';
import { babelTransform } from 'ibsforts-plugin-babel';
function babelTransformPlugin(inputFiles: ts.OutputFile[]): Promise {
const options: babel.IOptions = {
babelrc: false,
// Get Babel to convert ES6 constructs Node v4 doesn't support to ES5.
plugins: [
'babel-plugin-transform-strict-mode',
'babel-plugin-transform-es2015-parameters',
'babel-plugin-transform-es2015-destructuring',
'babel-plugin-transform-es2015-spread'
]
};
return babelTransform(inputFiles, options);
}
const server = new IncrementalBuildServer(new Logger());
ProjectLoader.loadFromConfigFile('../src/tsconfig.json')
.then(project => {
project.postCompileTransforms.push(babelTransformPlugin);
server.watchProject(project);
});
```
## Debugging
If you'd like to see what the code looks like before an after Babel transforms it you can use the
`babelTransformDebug` function provided by this package, it works similarly to `babelTransform`
but takes two extra arguments, these should be functions, and they will be invoked before and
after code is transformed. For example you could replace the `babelTransformPlugin` function in the
example above with the following:
```typescript
import * as fsp from 'fs-promisified';
function debugInputFile(file: ts.OutputFile): Promise {
return fsp.writeFile(file.name + '.babel_in', file.text, 'utf8');
}
function debugOutputFile(file: ts.OutputFile): Promise {
return fsp.writeFile(file.name + '.babel_out', file.text, 'utf8');
}
function babelTransformPlugin(inputFiles: ts.OutputFile[]): Promise {
const options: babel.IOptions = { ... };
return babelTransformDebug(inputFiles, options, writeBabelInputToFile, writeBabelOutputToFile);
}
```
## License
MIT