我正在尝试编写一个将内容添加到文件中的 babel 插件——例如;将行console.log("start of " + __filename);
和添加console.log("end of " + __filename);
到每个文件。
到目前为止,我已经设法编写了一个完全执行此操作的访问者,但是在我的插件运行之前或之后,现有代码不会被任何其他插件修改。
例如,我有以下文件:
import * as foo from 'foo';
import * as bar from 'bar';
console.dir({ foo, bar });
单独使用env
预设(即没有我的插件)和targets.node: 'current'
我最终得到输出的选项 - 请注意,es6 导入已转换为 commonjs 需要:
'use strict';
var _foo = require('foo');
var foo = _interopRequireWildcard(_foo);
var _bar = require('bar');
var bar = _interopRequireWildcard(_bar);
function _interopRequireWildcard(obj) { /* resolve commonjs or es6 module */ }
console.dir({ foo, bar });
但是,只要我将自己的插件添加到此;似乎env
跳过了预设以支持我自己的插件-但是我希望应用两个插件(最好是我的插件)。
到目前为止,我的插件代码如下所示:
module.exports = function wrapModule(babel) {
const prepend = transform(`console.log("start of " + __filename);`)
const append = transform(`console.log("end of " + __filename);`)
return {
visitor: {
Program(path, {opts}) {
path.replaceWith(t.program([...prepend, ...path.node.body, ...append]))
path.stop()
}
}
}
function transform(content) {
return babel.transform(content).ast.program.body
}
}
我.babelrc
的很简单:
{
"presets": [[
"env", { "targets": { "node": "current" } }
]],
"plugins": [
"./wrapper-babel-plugin"
]
}
这正在产生输出:
console.log("start of " + __filename);
import * as foo from 'foo';
import * as bar from 'bar';
console.dir({ foo, bar });
console.log("end of " + __filename);
谁能建议我将 babel 与其他插件链接我的插件以允许我组合使用多个插件?