使用导出在浏览器中浏览捆绑包

Question

如何在浏览器中访问Browserify捆绑包中的导出？例如：

// parser.js
exports.parse = parse;

然后我正在运行

browserify lib/parser.js -o www/bundle.js

我找到的每个教程/自述文件都以Drop a single <script> tag into your html and you're done!

结尾

<script src="bundle.js"></script>

但我如何运行parse？函数require未在浏览器中定义。

var Parser = require('parser');
Parser.parse('hit kommer vi aldrig');
> Uncaught ReferenceError: require is not defined

Answer 1

Browserify为您的所有代码提供了一个独立的范围，以防止全局变量污染。您应该使解析器全局化，以便在浏览器中访问它。

将其放入parser.js：

global.parse = parse;

Answer 2

我找到了requirejs的方法。我使用下面的代码而不是<script src="bundle.js"></script>。

requirejs(['bundle'], function(Parser) {
    Parser.parseText('text');
    // This is also where you would put angular.bootstrap()
});