externals
作用
防止将某一些包打包到我们最终的bundle里面导致包体积变大。
场景
jquery我们希望通过csdn链接引入使用,不希望打包到最后的bundle里面,为了避免打包的时候将jquery最终也给打包了,可以配置externals,禁止将jquery打包。
配置
拒绝jQuery打包进到最终的bundle里面, 但是一定要把jquery通过csdn链接引入到html里面。否则打包完后的页面中不能使用jquery
// webpack.config.js
externals: {
// 忽略库名 --- npm包名
jquery: 'jQuery'
}
// index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>externals</title>
</head>
<body>
<div>hello world</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</html>