其他分享
首页 > 其他分享> > 【webpack】中externals的作用

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

 

标签:index,vue,assets,externals,js,webpack,模块,作用
来源: https://www.cnblogs.com/wuxianqiang/p/11320670.html