问题标签 [grunt-browserify]

我正在使用此答案推荐的minifyify插件，但在与 Grunt 一起使用时，我似乎找不到任何方法将标志/选项传递给它。

这是我的 Gruntfile 的相关部分：

编译后的文件附加到 with //# sourceMappingURL=bundle.map，这是不正确的。此外，地图文件根本不会写入磁盘或生成。

如何传递选项以使 sourceMappingURL 与文件名相同？例如：

• /web/assets/js/foo.min.js->/web/assets/js/foo.js.map
• /web/assets/js/bar.min.js->/web/assets/js/bar.js.map
• 等等...

我想使用Browserify ，但继续从Google 的 CDN加载 jQuery 和 jQuery UI，而不是将代码连接到我的文件或供应商包中。我似乎无法弄清楚如何让它工作。

加载时出现此错误foo.js：

找不到模块'jquery-ui'

这些是相关文件：

包.json

Gruntfile.js

foo.js

我也尝试过exclude，external它产生了相同的结果。有什么办法可以做到这一点？

我意识到还有debowerify变换，但如果可能的话，我想避免使用 Bower。

更新：我注意到注释掉require调用'jquery-ui'会起作用，因为 jQuery 默认公开全局$，jQuery但我认为用 CommonJS 甚至 AMD 格式编写代码的全部意义在于避免依赖全局变量？

我在 grunt 文件中使用 hbsfy（车把模板包）作为 browserify 的转换。如何将-tor--transform参数传递给 hbsfy 转换？

如果我按照惯例使用 browserify，代码将如下所示：

使用 grunt-browserify 时如何获取 -t？

我通过索引页面上的脚本标签包含来自谷歌 cdn 的 angular js。

我的 package.json 中有以下内容：

我还在使用带有多个输出包的 grunt-browserify：

我遇到的问题是，尽管 browserify-shim 被配置为使用 global:angular，但我的一个输出文件中包含了角度源。

我正在使用以下模块：

我正在browerify与browserify-shim我们一起使用它运行的环境的版本underscore和jQuery定义。我发现自己一遍又一遍地需要相同的模块，所以去寻找一种自动化的方法。选项 opts.insertGlobalVars 可以，但我可以让它与 browserify-shim 一起工作吗？

包.json

gruntfile.js

get被_识别为变量并尝试定义它。不幸的是，这导致找不到文件。由于我自己不包含该文件，因此我无法提供路径，也无法提供上述示例中的路径。

错误：无法从“路径/到/文件”中找到模块“jquery”

编辑：在我的模块中直接使用 require('underscore')确实有效。

我grunt-browserify用于跑步browserify：

当我运行此任务时，会生成源映射，但源映射缺少文件夹结构信息：Chrome 显示所有文件，就好像它们来自根文件夹一样。因此，不同目录中的任何同名文件都会被屏蔽（一个幸运文件除外）。我尝试提供fullPaths浏览器化选项；但这也无济于事。

对于 babelify，我正在使用以下.rc文件：

我正在使用 Babel 6.0。可能是什么原因？

我正在运行 Chrome 48.0，最近当我尝试在开发人员控制台中放置断点时，有时它们会拒绝放置在某些行，而是跳转到另一行。几乎就像您尝试在没有意义的行上放置断点（例如括号本身），但这些只是常规行。如果我对我的代码进行更改，拒绝工作的行可能会改变，而之前工作的行可能会停止工作。

我假设这与源映射有关，但我很困惑为什么有些行可以正常工作，而紧随其后的那行却不能。

我将 grunt-browserify 与 babelify 和 babel-preset-react、babel-preset-es2015 和 babel-plugin-syntax-object-rest-spread 一起使用：

知道会发生什么吗？

我正在用 webdriver.io 编写自动化测试。我正在使用 grunt/babelify/browserify 以便我可以在 ES6 中编写测试。我的脚本中需要一些节点模块。我希望能够不将这些节点文件编译到我的分发脚本中，而只是按原样打印出 require 语句，因为我仍在运行脚本服务器端。换句话说，有没有办法用browserify“按原样”继承代码？以下是我需要的模块：

这是我的咕噜声文件：

pdfkit 可以与 grunt-browserify 一起使用吗？我正在尝试将 pdfkit 与有角度的单页应用程序连接，但在构建过程中出现以下错误：

有任何想法吗？我已经需要 brfs 和缓冲区。

我试图在我的项目中包含https://www.npmjs.com/package/react-bootstrap-typeahead，但是当我运行我的 grunt browserify 任务时，我得到一个ParseError: Unexpected token错误。完整消息在这里：

问题是require('/some/file.css')react-bootstrap-typeahead 源js内部有一个。

这是我的 grunt browserify 任务：

我在尝试解决问题时遇到的一些事情：一个类似的 SO（尚未回答）问题，但使用 webpack，而不是 grunt+browserify，所以我认为不适用： 使用 react-bootstrap-typeahead 生成 CSS 错误 和一个已关闭的问题在 react-bootstrap-typeahead 项目的 github 页面上，但没有通过 grunt 解决使用问题： https ://github.com/ericgio/react-bootstrap-typeahead/issues/2 建议使用 browserify-css 转换。

我试图通过添加transform : ['browserify-css']选项字段来让 grunt 使用此转换，但这没有用。我仍然收到完全相同的错误消息。

我尝试在命令行上使用 browserify 和 browserify-css 转换来捆绑这个库，然后包含该捆绑包，但这会导致更多错误，我认为这与相对导入有关（我无论如何不要认为这是一个好的解决方案，因为如果我理解 browserify 正确，它最终会包括两次反应之类的东西，一次用于我在命令行上制作的 typeahead bundle，另一次用于实际的应用程序包，然后是最终js 文件很大！）。

关于如何解决这个问题的任何想法？

提前致谢！