Webpack日记 #1期:Externals
Externals 🔗︎
这种方式声明的脚本会以<script>
的方式加载,在首页不会默认加载,只有在用到import _ from 'lodash'
是会umd的方式加载,然后赋值给_
副作用:import _ from 'lodash'
会被重写成
import('./lodash.js').then(res => ...)
module.exports = {
// ...
externalsType: 'script',
externals: {
lodash: ['https://cdn.jsdelivr.net/npm/lodash@4.17.19/lodash.min.js', '_'],
},
};
如何判断包是否被externals了? 🔗︎
一般在umd的头部, 发现root['packageName']
那么这个包就是被externals掉了