如何忽略browserify编程api中的库

Question

假设在bundler.js 中找到以下代码，并且跟踪entry.js 会导致var B = require('backbone');（Backbone 是在package.json 中声明的安装依赖项）。

var browserify = require('browserify');
var bundle = new browserify();
bundle.add('entry.js');
bundle.bundle({
  noParse: ['backbone']
});

执行此捆绑程序会生成一个包含原始backbone 源的流。基于 browserify 的command line options，我希望它完全跳过主干。阅读源代码，我预计以下可能会起作用：

var browserify = require('browserify');
var bundle = new browserify({
    noParse: ['backbone']
});
bundle.add('entry.js');
bundle.bundle();

虽然backbone source 仍然出现在流输出中。

在这个api的应用程序中是否可以使用--noparse=FILE作为配置选项？

Answer 1

如您所见，from here 命令行中提供的--noparse 选项被传递给browserify({ }) 调用。

因此，为了告诉 browserify 不解析 jquery 和 three.js，您必须将完整路径传递给您的 jquery 和 three.js 文件。

例子：

browserify({
  noParse: [
   require.resolve('./vendor/jquery'),
   require.resolve('./vendor/three')
  ]
})
.require(require.resolve('./entry.js'), { entry: true })
.bundle();

Answer 2

var browserify = require("browserify")

browserify({entries: ['./src/client/app.js']})
.ignore('jquery')

这样会让browserify忽略jquery，然后jquery可以直接加到index.html上。