如何在browserfy中使用多个捆绑包
How to use multiple bundles in browserify
本文关键字:browserfy 更新时间:2023-09-26
我只是想找出一个简单的例子,用browserfy生成多个捆绑包,但我无法使其工作。我从浏览文档中的这个简单示例开始(https://github.com/substack/node-browserify#multiple-束):
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(请注意,映射中会出现字符串"/arobot.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
相关文章:
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- 如何配置browserfy与Karma使用转换Stringify为Mustache模板
- 可以't让browserfy使用babel-plugin-transform类属性
- Grunt browserfy在需要react bootstrap typeahead时失败
- 需要使用什么以及何时使用browserfy
- 将dropzone与browserfy一起使用时,$(..).dropzone不是一个函数
- 使用gulp和browserfy从脚本文件进程访问Jquery库
- 接收'错误:找不到模块'使用browserfy、gullow、react.js
- browserfy的brfs插件中出现问题
- 当使用browserfy时,建议在生产中要求缩小版本,但在开发中进行调试的方法是什么
- NPM:将多个模块和自定义脚本与browserfy相结合
- 与browserfy、tsify和reatify一起咕咕叫
- browserfy/webpackify将目录中的所有文件打包
- gulp+browserfy转换配置
- http模块(node.js和browserfy的)没有't使用方法PATCH写入请求正文
- 在browserfy中使用插件
- 需要样式表并用browserfy将它们作为链接标记注入html
- 如何在browserfy中使用多个捆绑包
- 在没有命令提示的情况下运行browserfy
- 如何与laravel和browserfy一起使用es*-垫片