Vue.js中Externals的使用方法

Vue.js中Externals是一个用于定义在构建时不被webpack处理的模块的配置选项，它可以用来指定外部依赖，这些依赖不会被webpack处理，但是会以全局变量的形式存在。

Externals的使用方法有两种：

• 使用字符串：

externals: {
  jquery: 'jQuery'
}

• 使用函数：

externals: {
  jquery: function (context, request, callback) {
    if (request === 'jquery') {
      return callback(null, 'jQuery');
    }
    callback();
  }
}

当使用字符串时，它会把模块名映射到全局变量，而当使用函数时，它会把模块名映射到一个函数，这个函数会传入三个参数：context，request和callback，如果模块名和request相匹配，则调用callback，并传入null和全局变量名，如果不匹配，则调用callback，并传入null和undefined。

Externals的使用可以避免模块的重复打包，从而减少构建时间，提高性能，并且可以把模块作为全局变量使用，从而实现模块的按需加载。