Node.js 如何使babel/register影响导入的文件?
下面的Node.js 如何使babel/register影响导入的文件?,node.js,babeljs,babel-node,babel-register,Node.js,Babeljs,Babel Node,Babel Register,下面的gulpfile.babel.js通过babel节点gulpfile.babel.js(我知道要执行gulp任务,我应该运行gulp taskname,但是babel节点gulpfile.babel.js用于调试而不运行任务) 如果要包括同样包含import或export关键字的文件(node modules/my config helper/index.js,本例中为index.js),则会出现错误SyntaxError:意外的令牌导出 require('@babel/register'
gulpfile.babel.js
通过babel节点gulpfile.babel.js
(我知道要执行gulp任务,我应该运行gulp taskname
,但是babel节点gulpfile.babel.js
用于调试而不运行任务)
如果要包括同样包含import
或export
关键字的文件(node modules/my config helper/index.js,本例中为index.js),则会出现错误SyntaxError:意外的令牌导出
require('@babel/register');
import gulp from 'gulp';
import ConfigHelper from 'my-config-helper';
节点模块/my config helper/index.js
看起来像require('@babel/register')代码>仅影响单个文件,但不影响包含的文件。好的,我该怎么办?只需将babel core
和babel register
安装在my config helper
中是不够的。您需要将ES语法移到另一个文件中,并要求从index.js中获取该文件:
// index.js
require('@babel/register');
require("./gulp-stuff"); <-- from this point on - all ES code will be transpiled
// gulp-stuff.js
import gulp from 'gulp';
import ConfigHelper from './my-config-helper';
// ....
// my-config-helper.js
export default class ConfigHelper {
constructor() {
console.log('ConfigHelper: done');
}
}
//index.js
需要(“@babel/register”);
需要(“/吞咽东西”) 您需要将ES语法移动到另一个文件中,并从index.js中要求该文件:
// index.js
require('@babel/register');
require("./gulp-stuff"); <-- from this point on - all ES code will be transpiled
// gulp-stuff.js
import gulp from 'gulp';
import ConfigHelper from './my-config-helper';
// ....
// my-config-helper.js
export default class ConfigHelper {
constructor() {
console.log('ConfigHelper: done');
}
}
//index.js
需要(“@babel/register”);
需要(“/吞咽东西”);哦,我明白了。。。谢谢你的回答!哦,我明白了。。。谢谢你的回答!
// index.js
require('@babel/register');
require("./gulp-stuff"); <-- from this point on - all ES code will be transpiled
// gulp-stuff.js
import gulp from 'gulp';
import ConfigHelper from './my-config-helper';
// ....
// my-config-helper.js
export default class ConfigHelper {
constructor() {
console.log('ConfigHelper: done');
}
}