【webpack】中externals的作用

 externals 用于排除一些引入的模块，不进行打包，引用外部的模块。

 

通常，我们这样引入vue模块

import vue from 'vue'

 

但是我们映入了CDN就不要再打包这个模块了，所以通过 externals 来排除这个模块

externals: {
  vue: 'vue'
}

 

值得注意的是属性名和属性值表示什么意思，属性名是你代码引入的名字，属性值是打包之后要引入的名字，具体什么意思呢，就是

assets/js/index.js 打包前引的是这个路径
assets/lib/js/index.js 打包后引的是这个路径

 

配置

externals: {
  'assets/js/index.js': 'assets/lib/js/index.js'
}