a04c18af71
* Move babel-standalone into main Babel repo
* Don't try to gather coverage data for babel-standalone test
* Fix JSX test
* Always use npm v4 on Travis
* Include pull request number as part of version number
* Cherry-picking 5721b2e43e
Remove deprecated packages to prevent Babel v6 files from being pulled in
* Use RootMostResolvePlugin to dedupe packages
* Avoid destructuring so the build works on archaic Node.js versions
* - Fix version number
- Remove Babili packages (they should be in separate babili-standalone)
- Remove deprecated syntax-class-constructor-call
* - Remove more Babili packages
- Remove `babel-plugin-inline-replace-variables` for now as it pulls in Babel 6 stuff
* Actually remove reference to babel-plugin-undeclared-variables-check
* Add Babylon to root package.json so we hoist the right version. This fixes the tests.
39 lines
989 B
HTML
39 lines
989 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>babel-standalone example</title>
|
|
</head>
|
|
<body>
|
|
Input:
|
|
<textarea id="input" style="width: 100%" rows="10">
|
|
const getMessage = () => 'Hello World';
|
|
const someDiv = <div>{getMessage()}</div>;
|
|
</textarea>
|
|
|
|
Transformed code using Babel <strong id="version"></strong>:
|
|
<pre id="output">Loading...</pre>
|
|
|
|
<script src="../babel.js"></script>
|
|
<script>
|
|
console.log('Babel =', Babel);
|
|
document.getElementById('version').innerHTML = Babel.version;
|
|
var inputEl = document.getElementById('input');
|
|
var outputEl = document.getElementById('output');
|
|
|
|
function transform() {
|
|
try {
|
|
outputEl.innerHTML = Babel.transform(inputEl.value, {
|
|
presets: ['es2015', 'react', 'stage-0']
|
|
}).code;
|
|
} catch (ex) {
|
|
outputEl.innerHTML = 'ERROR: ' + ex.message;
|
|
}
|
|
}
|
|
|
|
inputEl.addEventListener('keyup', transform, false);
|
|
transform();
|
|
</script>
|
|
</body>
|
|
</html>
|