问题标签 [babelify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5154 浏览

babeljs - 如何在不生产时禁用 babel 缩小?

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

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

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

0 投票
2 回答
257 浏览

reactjs - 尽管使用了 babel-preset-react、babel-preset-es2015 和 babel-preset-stage-3,browserify 仍无法解析 jsx

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

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

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

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

0 投票
1 回答
35 浏览

javascript - reactJS 应用程序中的 Babelify 导入不会将 let 声明替换为 var

我构建了一个在浏览器中运行的小型 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 根据需要实际替换这些声明,以便这段代码可以在旧版浏览器上运行?

0 投票
1 回答
110 浏览

ecmascript-6 - 如何在没有 ecmascript-6 转译的情况下运行 browserify?

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

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

0 投票
2 回答
1471 浏览

browserify - Grunt 构建失败 - ParseError: 'import' 和 'export' 可能只出现在 'sourceType: module' 中

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

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

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

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

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

0 投票
1 回答
10856 浏览

javascript - 使用 React 创建一个可嵌入的小部件

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

0 投票
1 回答
216 浏览

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

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

当我运行 gulp 时,我得到了错误:

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

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

0 投票
4 回答
27403 浏览

npm - 找不到相对于目录的预设“env”

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

这是我正在使用的:

包.json

这是错误:

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

0 投票
1 回答
545 浏览

reactjs - 将 javascript 文件打包成一个文件时出错

我正在尝试使用命令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:

0 投票
2 回答
1787 浏览

reactjs - 无法使用“babel-plugin-react-css-modules”导入 CSS - 得到“ParseError: Unexpected token”

有关问题的完整描述,请参阅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