对external的理解

external在 vue.config.js 文件中的 configureWebpack 对象下面

例子:

// 要排除的包名
// key(是要排除的包名): value(实际上是实际引入的包的全局的变量名)
// 因为要排除 element-ui 所以后面要引入 CDN 文件,CDN 文件中有 ELEMENTUI 的全局变量名
// webpack打包的时候会根据 externals 的配置,首先会排除掉定义的包名(这些包不需要打包)
// 空出来的位置,会用变量来替换
 externals = {
    
    
    // key(包名) / value(这个值 是 需要在CDN中获取js, 相当于 获取的js中 的该包的全局的对象的名字)
    'vue': 'Vue', // 后面的名字不能随便起 应该是 js中的全局对象名
    'element-ui': 'ELEMENT', // 都是js中全局定义的
    'xlsx': 'XLSX' // 都是js中全局定义的
  }

猜你喜欢

转载自blog.csdn.net/weixin_46611729/article/details/114692468