cerxes/babel
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add useBuiltIns and useESModules options to transform-runtime

Browse Source 
useBuiltIns uses versions of the helpers that do not import even
internal polyfills from core-js.

useESModules uses versions of the helpers that do not go through
transform-es2015-modules-commonjs. This allows for smaller builds in
module systems like webpack, as it doesn't need to preserve commonjs
semantics.

This includes changes to the babel-runtime build-dist script, which
will build the versions of the runtime helpers to be used by
combinations of useBuiltIns and useESModules.
This commit is contained in:
Diogo Franco (Kovensky)
2017-03-10 16:27:35 +09:00
parent 12eb25c06c
commit cf5ab16ff9
2 changed files with 61 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/babel-plugin-transform-runtime/src/index.js
View File

@@ -16,13 +16,19 @@ export default function ({ types: t }) {
const moduleName = getRuntimeModuleName(this.opts);
if (this.opts.helpers !== false) {
const baseHelpersDir = this.opts.useBuiltIns ? "helpers/builtin" : "helpers";
const helpersDir = this.opts.useESModules ? `${baseHelpersDir}/es6` : baseHelpersDir;
file.set("helperGenerator", function (name) {
if (HELPER_BLACKLIST.indexOf(name) < 0) {
return file.addImport(`${moduleName}/helpers/${name}`, "default", name);
return file.addImport(`${moduleName}/${helpersDir}/${name}`, "default", name);
}
});
}
if (this.opts.polyfill && this.opts.useBuiltIns) {
throw new Error("The polyfill option conflicts with useBuiltIns; use one or the other");
}
this.setDynamic("regeneratorIdentifier", function () {
return file.addImport(`${moduleName}/regenerator`, "default", "regeneratorRuntime");
});
@@ -37,7 +43,7 @@ export default function ({ types: t }) {
return;
}
if (state.opts.polyfill === false) return;
if (state.opts.polyfill === false || state.opts.useBuiltIns) return;
if (t.isMemberExpression(parent)) return;
if (!has(definitions.builtins, node.name)) return;
@@ -54,7 +60,7 @@ export default function ({ types: t }) {
// arr[Symbol.iterator]() -> _core.$for.getIterator(arr)
CallExpression(path, state) {
if (state.opts.polyfill === false) return;
if (state.opts.polyfill === false || state.opts.useBuiltIns) return;
// we can't compile this
if (path.node.arguments.length) return;
@@ -77,7 +83,7 @@ export default function ({ types: t }) {
// Symbol.iterator in arr -> core.$for.isIterable(arr)
BinaryExpression(path, state) {
if (state.opts.polyfill === false) return;
if (state.opts.polyfill === false || state.opts.useBuiltIns) return;
if (path.node.operator !== "in") return;
if (!path.get("left").matchesPattern("Symbol.iterator")) return;
@@ -96,7 +102,7 @@ export default function ({ types: t }) {
// Array.from -> _core.Array.from
MemberExpression: {
enter(path, state) {
if (state.opts.polyfill === false) return;
if (state.opts.polyfill === false || state.opts.useBuiltIns) return;
if (!path.isReferenced()) return;
const { node } = path;
@@ -128,7 +134,7 @@ export default function ({ types: t }) {
},
exit(path, state) {
if (state.opts.polyfill === false) return;
if (state.opts.polyfill === false || state.opts.useBuiltIns) return;
if (!path.isReferenced()) return;
const { node } = path;