如何在browserify programmatic 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的命令行选项,我预计它会完全跳过主干.通过源阅读,我预计以下可能会有效:

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

虽然backbone源仍然出现在流输出中.

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

Answer 1

从这里可以看到,--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,然后可以直接在index.html上添加jquery.