【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'
}

 

上一篇:vue cli 静态资源导入 路径


下一篇:基于移动技术的城市道路资产点检系统研究