javascript - babel cli 不会为浏览器生成 JS

标签 javascript ecmascript-6 babeljs

我正在尝试使用 Babel 生成 JS。 我的目的是为浏览器使用 ES6,我知道有不同的方法来设置它,但起初我想手动进行。

这是我做的:

  • 我安装了 babel-cli
  • 我创建了 2 个文件夹 src 和 lib(ES6 代码在 src 中,lib 包含 babel 生成的输出),我在 src 中放了一些基本的 js 代码。
  • 然后我发出 babel src --out-dir lib --watch

我认为 Babel 生成的输出代码不包含导入/导出等 ES6 功能,但它确实包含它。所以我不能在浏览器中使用它。

怎么了?

最佳答案

Babel 本身并不是一个模块打包器。它支持模块 bundler ,例如 Webpack、Browserify、RequireJS 等,如果您告诉它您使用的是哪种,但它不会执行实际的捆绑。选择一个捆绑系统,然后查阅其文档以了解如何将 Babel 集成到其中。

关于javascript - babel cli 不会为浏览器生成 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38550182/

相关文章:

javascript - JS如何实现随机多张图片不重复显示?

javascript - 在 ajax 成功回调中的 for 循环中,response[i] 未定义

javascript - 使用 Mocha 和 Chai 进行 REST API 测试 - 未处理的 promise 拒绝

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

webpack - 强制 yarn 将某些模块安装到给定的工作区,而不是将它们移动到 monorepo 的共享 node_modules?

javascript - React JS 中最好的条件方法?

javascript - 好的 JS 库可以截取屏幕截图

javascript - 删除事件监听器不起作用

javascript - 使用 mocha 和 browserify 进行测试

babeljs - Babel 7 更新搞砸了 Cannot use the decorators and decorators-legacy plugin 的 Jest 测试