我们如何避免样板code由巴贝尔transpiled文件? [英] How do we avoid boilerplate code in files transpiled by Babel?
问题描述
例如,如果我跑
babel src --source-maps --out-dir . --modules common
这是我的项目的src文件夹,它输出的所有文件,但每个文件包含像
on the src folder of my project, it output all the files in ., but each and every file contains things like
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
是它在某种程度上可能有通天写这些常见的样板东西到一个文件,然后使用需要在每个要导入的文件呢?因此,在每个文件样板code现在可能是这样的:
Is it somehow possible to have babel write these common boilerplate things to a file, then use require in each file to import them? So the boilerplate code in each file might now look like this:
var { _createClass, _get, _interopRequireDefault, _classCallCheck, _inherits } = require(`./babel-functions`)
和通天-functions.js
文件(或不管它应被命名)将位于 - 出DIR
,这是。
在我的情况,所有的文件将有一个在顶部需要声明。文件夹中的文件将在要求(../通天函数)
,要求(../../通天函数)
等
and the babel-functions.js
file (or whatever it shall be named) would be located in the --out-dir
, which is .
in my case, and all files would have that require statement at the top. Files in folders would have require(../babel-functions)
, require(../../babel-functions)
, etc.
有一些类型的选择与巴别做这个(或类似)?
Is there some type of option to do this (or similar) with Babel?
推荐答案
通天塔提供,而不是内联它们,使用通天--external-助手使用外部佣工的能力,
在命令行或 babel.transform(code,{externalHelpers:真});
通过API调用时,巴贝尔
Babel provides the ability to use external helpers, instead of inlining them, using babel --external-helpers
on the command line or babel.transform("code", { externalHelpers: true });
when calling Babel through the API.
在使用这两种,巴贝尔将承担变量 babelHelpers
与它的助手定义。
When using either of these, Babel will assume a variable babelHelpers
defined with it's helpers.
要求通天核心/外部佣工
(安装后的通天塔芯
从NPM)将注入佣工到全球
节点。
Requiring babel-core/external-helpers
(after installing babel-core
from NPM) will inject the helpers into global
on node.
生成和插入的佣工在文件记载的其他方法: https://开头babeljs。 IO /文档/插件/外部佣工。
Other methods of generating and inserting the helpers are documented at the documentation: https://babeljs.io/docs/plugins/external-helpers.
这篇关于我们如何避免样板code由巴贝尔transpiled文件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!