代码之家 › 专栏 › 技术社区 › Pavel_K

如何使gulp在项目根目录中读取babel7的babel.config.js?

babeljs gulp ecmascript-6 javascript

Pavel_K · 技术社区 · 6 年前

这是我的项目结构:

Project
|-module1
|  |-package.json
|  |-gulpfile.babel.js
|-module2
|  |-package.json
|  |-gulpfile.babel.js  
|-package.json
|-scripts.js
|-babel.config.js

正如你在项目的根目录中看到的那样 scripts.js 出口一些东西。在阅读了所有关于babel7配置的信息之后 here 在我创建的项目的根目录中 babel.config.js 包含以下内容:

module.exports = {
  presets: [
    ['@babel/env', {
      targets: {
        node: 'current',
        firefox: '60',
        chrome: '67',
        safari: '11.1',
      },
    }],
  ],
};

据我所知,我不需要创造 .babelrc 在里面 module1 和 module2 我有一个 Babel.Copy.JS 在根部。但是,当我大口吃东西的时候 模块1 我看到Gulp没有找到Babel的配置:

Project/module1/gulpfile.babel.js:26
import gulp from 'gulp';
       ^^^^
SyntaxError: Unexpected identifier

我的错误在哪里?

2 回复 | 直到 6 年前

Pavel_K 6 年前

我找到的唯一解决方案是-我们应该使用 gulpfile.js 而不是 gulpfile.babel.js 手动配置babel。我的意思是:

在里面 Project/module1/gulpfile.js

require('@babel/register')({
    configFile: './../babel.config.js',
    ignore: [/node_modules/]
})
require('./tasks')

而在 Project/module1/tasks.js 我们把所有的任务都做完了。

-1

Bhargav Rao rlgjr 6 年前

您可以尝试重命名 @babel/env 到 @babel/preset-env .

此外,检查 https://babeljs.io/docs/en/options#configfile

推荐文章

theJuls · .babelrc破坏语义ui和下一个应用程序

6 年前

sdgfsdh · 巴别塔插件可以扩展解析器来添加新的关键字吗?

6 年前

codematix · webpack 4.7是否仍需要babel loader。十、

6 年前

Homan · 模块分析失败:使用webpack dev服务器的意外令牌

6 年前

FabianCook · react中箭头函数的优化

6 年前

OneOfOne · 如何将babel输出类作为命名函数?

6 年前

Valerio Emanuele · 使用Webpack 4.5+Babel 6+React 16导入JSON时出错

6 年前

CoderKK · Web包生成错误

6 年前

Zhengquan Bai · Web包4中的babel loader无法使用树抖动

6 年前

Lordrem · 如何在Web包中使用外部库

6 年前