问题标签 [grunt-browserify]

我正在使用 Browserify 和 Grunt 来捆绑我们的 RendrJS webapp。我想分析这个包，看看它包含哪些模块，看看是否有多余的代码。这可能会发生，因为在 Rendr 中，一些 js 代码可能只在服务器上运行。

如何获取捆绑包内容的列表。我努力了：

browserifyOptions: { 'list': true }

但它似乎没有任何效果。我们正在使用 Browserify 2。

我正在尝试配置 Grunt & Browserify 以输出一个独立的包，其中包含 React 作为 CommonJS 模块，以便其他包可以引用它。

我现在遇到的问题是别名似乎不起作用。尽管在vendor下面的外部包中指定了别名，并且指定了这些模块应该在所有其他模型中从外部加载，但我在运行时仍然收到错误，指出找不到“react”模块。

如果有人知道我的grunt-browserify语法可能有什么问题，那就太好了：

我想为使用 babelify 和 browserify 转译的 jsx 文件生成源映射。似乎在我的输出文件底部生成了一些源映射作为 base64 编码的注释，但堆栈跟踪不支持它们。

我的 grunt 任务如下所示：

这是一个处理点击的简单反应文件：

按钮渲染没有问题，但是当我单击它时没有任何反应。我想这意味着服务器端渲染工作但客户端渲染不起作用？我正在使用 grunt 和 browserify，这是我的 Gruntfile.js：

然后我确认 src/react/components/list.js 中的代码内置在 /public/js/react/main.js 中。那么问题可能是什么？任何帮助表示赞赏！

我希望 grunt-browserify 在我的项目中包含主干。

我的 gruntfile 的摘录：

这是运行 grunt browserify 时的错误消息：

运行“browserify:vendor”（浏览器化）任务

错误：无法从“somePath/client/requires/backbone”中找到模块“下划线”

据我了解错误消息，browserify 正在从找不到它的主干文件夹中寻找下划线。

我对整个 grunt 和 browserify 堆栈都很陌生，但问题可能是 browserify 正在主干文件中搜索 require 语句，但下划线文件不是在常见的 js 约定中创建的，即不使用 module.exports ?

我一直在关注一个指南：Boilerplate web app using Backbone ...。我已经复制了这个项目的大部分内容，但更新了所有依赖项。我已经合并了自己的服务器端代码，在使用修改后的 gruntfile 构建它后运行良好。唯一不起作用的是 browserify 任务。

我试图修改我的 package.json 文件以包含 browserify 甚至 browserify-shim 但这似乎不是问题。

我正在为位于某个路径的 app.js 运行 browserify，但每次都失败，无法lodash从[PATH].

[PATH]app.js 文件所在的位置也是如此。但是，如果我将文件名更改为同一路径下的其他 js 文件，它就可以工作。因此，场景是某些js文件成功，而对于同一路径的其他文件则失败。

有人可以提出一些建议吗？

我在Browserify.js全球范围内安装了脚本。

浏览器化.js

该路径与其他文件一起正确显示在日志中。app.js它仅与文件失败

我想使用 browserfy 将 es6 文件转换为 es5。但是每次执行监视任务时，我都会收到错误消息：

警告：找不到任务“browserfy”。使用 --force 继续。

我使用以下 gruntfile（简化）自动执行任务：

我也使用了命令

npm install grunt-browserify --save-dev

我正在尝试在 Ubuntu 14 上设置开发服务器并使用 Grunt + Browserify。我能够让代码运行，如果我使用 Grunt 来观察 sass 更改这些工作。但是，每当我对调用另一个模块的反应文件进行更改时，我都会收到如下错误：

错误：无法从“/var/www/p/web/sites/docroot/js/flux/app/components/pages”中找到模块“../../actions/mainActions”警告：运行 grunt-browserify 时出错。

致命错误：回调已被调用。

这适用于 OS X 环境和 Windows 环境，但目前在 Ubuntu 上还不行。

有什么建议么？

运行我的 grunt build 任务后，我收到以下错误：

>> Error: Parsing file /Users/xx/testProject/node_modules/vfc/js/file.js: 'import' and 'export' may appear only with 'sourceType: module' (12:0)

我正在使用 Grunt 和 Browserify 来构建一个 javascript 项目。

在testProject我需要通过 npm (node_module) 的 vfc 。

var vfc = require('vfc');

vfc是用 es6 风格编写的，使用export, class等。

我的 gruntfile 看起来像这样：

I am attempting to load breeze using browserify. I used npm to install the breeze-client library. If I run browserify without including breeze everything runs fine, but when I include breeze I get the following error:

I've tried doing the require every way I can think of

Only thing I can think of now is that there is an issue with the module that's causing a problem with browserify.

Does anyone know of a change that can be made to the module to get this to work or is there some setting in browserify that I need to use?

Complete error message when trying to run browserify directly on the breeze module: