如何在Browserify中使用多个包

1800信息

我只是想尝试一个简单的示例,通过Browserify生成多个捆绑软件,但我无法使其正常工作。我从browserify文档(https://github.com/substack/node-browserify#multiple-bundles)中的一个简单示例开始

beep.js:

var robot = require('./robot');
alert(robot('beep'));

robot.js:

module.exports = function (s) { return s.toUpperCase() + '!' };

然后构建捆绑包:

browserify -r ./robot.js > common.js
browserify -x ./robot.js beep.js -d > beep_bundle.js

我的页面:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>beep</title>

    <script src="common.js"></script>
    <script src="beep_bundle.js"></script>
</head>
<body>

</body>
</html>

我发现,当它运行时,出现错误:

Uncaught Error: Cannot find module '/robot.js' 

这似乎是因为两个输出文件beep_bundle.js之间存在差异common.js

beep_bundle.js(请注意,字符串“ /robot.js”出现在映射中):

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
var robot = require('./robot.js');
alert(robot('beep'));
},{"./robot.js":"/robot.js"}]},{},[1])
//# ...

common.js(请注意,字符串“ ./robot.js”出现在映射中):

require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({"./robot.js":[function(require,module,exports){
module.exports = function (s) { return s.toUpperCase() + '!' };
},{}]},{},[])
//# ...

如果我手动编辑beep_bundle.js以使其具有“ ./robot.js”,则它可以正常工作。我应该怎么做才能使其正常工作?

弗雷迪

甚至不要在Browserify 5+上尝试使用它,它已经严重损坏了…… https://github.com/substack/node-browserify/issues/933

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Browserify中使用jQuery?

来自分类Dev

如何在browserify中使用排除?

来自分类Dev

如何在Browserify中使用jQuery?

来自分类Dev

如何使用gulp-browserify创建多个捆绑包?

来自分类Dev

如何使用browserify和gulp输出多个包

来自分类Dev

如何在Browserify中使用API的--node选项

来自分类Dev

如何在laravel和browserify中使用es * -shims?

来自分类常见问题

如何在Gulp中使用Browserify丑化输出?

来自分类Dev

如何在Browserify中使用Fine-Uploader?

来自分类Dev

如何在 Browserify 中使用 React 编译 Elm

来自分类Dev

如何在R中使用sf和tmap包绘制多个状态

来自分类Dev

如何在R中使用vars包来预测多个时间序列?

来自分类Dev

如何在R中使用sf和tmap包绘制多个状态

来自分类Dev

如何在节点 js 中使用请求包禁用多个 http(s) 请求?

来自分类Dev

如何在PHP闭包中使用$ this?

来自分类Dev

如何在Angular中使用daterangepicker包?

来自分类Dev

如何在EJS模板中使用包?

来自分类Dev

如何在EJS模板中使用包?

来自分类Dev

如何在流星中使用nodejs包

来自分类Dev

如何在包中使用routeControllers

来自分类Dev

如何在导入中使用根包?

来自分类Dev

如何在PHP闭包中使用$ this?

来自分类Dev

如何在nodejs中使用Bower包?

来自分类Dev

如何在 Laravel 包中使用角色

来自分类Dev

如何在闭包中使用 DispatchSemaphore

来自分类Dev

如何在http中使用多个进程

来自分类Dev

如何在多个表中使用插入?

来自分类Dev

如何在listchars中使用多个空格?

来自分类Dev

如何在SrgsGrammar中使用多个SrgsRules?