Webpack 配置多入口

1、配置多入口 entry

index 和 other 为入口名称,即页面名称
在这里插入图片描述

2、配置出口 output

filename 中的 [name] 对应入口的文件名
contentHash 会命中缓存,提高性能
在这里插入图片描述

3、配置插件 htmlWebpackPlugin,生成多页面

htmlWebpackPlugin 插件会生成页面
chunk 为代码块,默认引入 entry 中所有文件
打包的资源就是chunk,输出出去叫bundle
入口有几个页面就配置几个实例
在这里插入图片描述
打包后的dist文件如下,并且打包后的 index.html 或 other.html,只会引入对应的 js 文件
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44582045/article/details/132387449