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掉了

当发布很酷的东西时,请第一时间通知我

订阅电子邮件,以获得我的最新文章。我不会向您发送垃圾邮件。随时取消订阅。