【问题标题】:Babel usage in web app - node, react, gulp, browserifyWeb 应用程序中的 Babel 使用 - node、react、gulp、browserify
【发布时间】:2015-12-07 04:29:27
【问题描述】:

我想开始在带有 NodeJS 服务器端、使用 Fluxible 架构、Gulp 任务运行器和 Broserify/CommonJS 前端模块的 React 的预先存在的应用程序中使用高级 JS 功能。

任何曾经走过这条道路或类似道路并希望分享一些见解的人,我将不胜感激。

【问题讨论】:

  • 前端我非常熟悉,使用babelify 作为转换。我的困难在于理解 babel-node 在生产中是不可取的,以及如何组织单独的编译/转译步骤,然后像我已经做的那样使用 node 运行应用程序。

标签: node.js reactjs gulp browserify babeljs


【解决方案1】:

babel-node 即时编译。您可以使用 API (babel-core) 进行预编译,然后在 node.js 中运行编译后的输出。还有一个gulp-babel 插件。以构建时额外的处理开销为代价,您可以劫持browserify 或使用module-deps 为您找出依赖关系图(如果相关)。有一个想法是在 Babel 中添加一个特性来生成依赖图,但目前不可用。

【讨论】:

  • 正是这个预编译步骤,使用我感兴趣的babel-core。我想我正在寻找它的用法示例。
  • 是的,那将使用 CLI。如果我有一个脚本构建系统,我会使用 API:例如如果你使用gulp,可能使用gulp-babel(例如gulp.src('src/**/*.js).pipe(gulpbabel()).pipe(gulp.dest('lib')) or without gulp`使用glob库,比如glob,做同样的事情并在每场比赛中调用babel.transform()(来自babel-core)并将其写入lib/
猜你喜欢
  • 1970-01-01
  • 2016-02-13
  • 1970-01-01
  • 2015-08-14
  • 1970-01-01
  • 2020-05-03
  • 1970-01-01
  • 2020-08-20
  • 1970-01-01
相关资源
最近更新 更多