问题标签 [babelify]

我正在通过 gulp使用babelifyand进行 JS 缩小：babili

但是我似乎找不到如何通过选项来检查 NODE_ENV 并babeli在不生产时禁用。即使有这个常见的用例， babelify 文档似乎也没有帮助。

如何在不生产时禁用 babelify 缩小？

我正在使用 grunt 来自动化整个过程。这是我的配置的样子：

尝试解析导入并出现以下错误的反应组件之一时失败：

我尝试使用在浏览器中使用 babel-standalone 引发错误的相同文件，它工作得很好。

我对如何解决这个问题感到困惑，因为大多数链接都说使用 babel-preset-react 应该可以解决它（并且它适用于我拥有的另一个项目）

我构建了一个在浏览器中运行的小型 ReactJS 应用程序，我遇到了旧浏览器版本（尤其是在 iOS 设备上）的问题，该应用程序是使用 node 和 browserify/babelify 构建的

我有以下 gulpfile 设置：

gulp.task('build', function () { return browserify({entries: './src/app.jsx', extensions: ['.jsx'], debug: true}) .transform(babelify) .bundle() .pipe(source('app.js')) .pipe(buffer()) .pipe(minify()) .pipe(gulp.dest('public/layout/lib')) })

使用以下配置：

{ "presets": ["env"], "plugins": ["transform-react-jsx"], }

我的一个反应组件导入一个模块，如下所示：

import ethereum_address from 'ethereum-address'

该代码有效，但由于某种原因，bablified 包仍然具有来自该特定模块的use strict一些声明。let

我能做些什么来强制 babelify 根据需要实际替换这些声明，以便这段代码可以在旧版浏览器上运行？

最近我偶然发现了一个nodejs我想在前端项目中使用的库。因为整个项目都是用 ES6 开发的，所以库不应该被转译（我们只为浏览器开发，支持 es6）。当然，我可以手动“浏览”，但因为它可能是一个重复的任务，我想使用browserify没有babelify或任何 es6 转译过程。如果以后需要转译，我会将其整合到整个构建过程中，但不是事先。

是否有任何选项可以browserify省略 es6 到 ecmascript-5.1 的转换？

我在 github 和 stackoverflow 上浏览过很多帖子。我的 package.json 中有以下开发依赖项，用于 es6 到 es5 的转换。

我已经设置了一个 grunt 任务来使用 babelify 作为转换器和 browserify 将我的 es6 文件编译为 es5。

我的 es6 js 文件正在导入一个节点模块，该模块是 es6 js 文件并作为函数导出。我尝试遵循来自各个论坛的许多建议，并查看了 babel/babelify/grunt-browserify 文档，但无法得出具体结论。

早些时候我认为，这可能是版本问题，但我现在使用的是所有 babel 6 版本和最新的 browserify/grunt-browserify 等。但是，我仍然看到以下错误：

任何帮助或指示将不胜感激。

我有一个使用 React 构建的小型表单组件，我想将它制作成一个可嵌入的小部件，以便在其他页面上使用。我相信我听说 Babelify 可以帮助实现这一点，但老实说，我对如何让它工作一无所知。我使用 Babelify 创建了一个表单组件的 bundle.js，但是将它粘贴到一个空白的 HTML 页面上<script src='bundle.js'></script>并没有做任何事情。很明显，我要么误解了某些东西，要么只是……完全迷失了。

我尝试使用带有 gulp、browserify、reactify 的 transform-es2015-classes 插件。

当我运行 gulp 时，我得到了错误：

[12:06:45] Browserify 错误 { 错误：“base”中指定的插件 1 在解析文件时提供了“loose”的无效属性：mypath\react-app.js

我的语法错误还是有什么问题？

到目前为止，我一直没有成功尝试使用env预设。我浏览了其他人提出的诸如此类的 git 问题，并实施了一些似乎对其他人有用的建议，但到目前为止还没有运气。

这是我正在使用的：

包.json

这是错误：

有什么我可能会丢失的吗？

我正在尝试使用命令npm run build（在内部使用 browserify、babelify）将我的所有 javascript 文件捆绑到一个文件中。我收到以下错误。我错过了什么？

npm 输出：

wpshout-react-quiz@1.0.0 bundle-js C:\wamp64\www\wordpress\wp-content\plugins\wpshout-react-quiz browserify FacebookAlbums.js -o bundle.js

包.json：

有关问题的完整描述，请参阅https://github.com/gajus/babel-plugin-react-css-modules/issues/162。

Git repo = https://github.com/basher/react-no-webpack

这是一个简单的 POC / 脚手架，用于没有 Webpack 或 Gulp的 React UI 库，但它必须支持CSS Modules + Sass。

• 我只是想使用 Babel + Browserify。
• 并直接从“package.json”执行 NPM 脚本。

我有一个导入 CSS 文件的示例小部件组件，另一个导入 Sass 文件。解析 CSS + Sass 文件的内容时会发生错误 - 例如，转译器不理解“。” 在类选择器中。

这是具体的错误：

编辑/更新：

我做了更多调查，并在react-css-modules repo 中提出了一个问题= https://github.com/gajus/react-css-modules/issues/268