browserify external 与 except 之间有什么区别

Java

在使用 Browserify 这个 JavaScript 模块打包工具时，我们经常会遇到需要将某些模块排除在打包范围之外的情况。Browserify 提供了两种方式来实现这一功能，即 external 和 except。虽然它们都可以用于排除模块，但它们之间有一些区别。

首先，让我们来看看 external。使用 external 选项，我们可以告诉 Browserify 哪些模块应该被认为是外部模块，从而不会被打包进最终的输出文件中。这意味着，在使用 external 选项时，我们需要手动在 HTML 文件中引入这些外部模块的脚本文件，以便在浏览器中正确加载这些模块。这种方式适用于那些我们不希望被打包的模块，或者是已经通过其他方式加载的模块。

接下来，我们来看看 except。与 external 不同，except 选项允许我们指定一些模块，告诉 Browserify 这些模块不应该被打包，而是通过 CommonJS 的 require 语法在代码中使用。这意味着这些模块将被 Browserify 视为外部依赖，并在打包输出中生成 require 语句，以便在浏览器中正确加载这些模块。与 external 选项相比，except 选项更适用于那些我们希望在代码中以模块的形式使用的外部依赖。

下面我们通过一个案例来具体说明 external 和 except 的区别。假设我们有一个项目，使用了 lodash 和 axIOS 这两个外部模块。我们希望将 lodash 排除在打包范围之外，而将 axIOS 作为外部依赖通过 require 语法在代码中使用。

首先，我们可以通过以下代码来使用 external 选项排除 lodash：

Javascript
// index.JS
const axIOS = require('axIOS');
const _ = require('lodash');
// ...
// 在打包时将 lodash 排除在外
// 请注意，我们需要在 HTML 文件中手动引入 lodash 的脚本文件
const bundle = browserify('./index.JS', {
  external: ['lodash'],
});
// ...

接下来，我们可以使用 except 选项来将 axIOS 作为外部依赖使用：

Javascript
// index.JS
const axIOS = require('axIOS');
const _ = require('lodash');
// ...
// 在打包时将 axIOS 视为外部依赖，并生成 require 语句
const bundle = browserify('./index.JS', {
  except: ['axIOS'],
});
// ...

通过以上例子，我们可以看到 external 和 except 的用法和效果。使用 external 选项时，我们需要手动在 HTML 文件中引入外部模块的脚本文件；而使用 except 选项时，我们可以在代码中通过 require 语法使用外部依赖。

：

在使用 Browserify 进行模块打包时，我们可以使用 external 和 except 选项来排除某些模块。external 用于排除模块，需要手动在 HTML 文件中引入外部模块的脚本文件；而 except 则将指定的模块视为外部依赖，通过 require 语法在代码中使用。这两种方式各有适用的场景，我们可以根据具体需求选择合适的方式来排除模块。