完整教程：webpack-高级配置

多入口文件 如何输出多个html记录

输入位置 需要写两个entry
在这里插入图片描述
output位置也要改一下 加一个name避免重名在这里插入图片描述

在生成html时 要根据每一个入口都写一个插件 并且chunks要写好 当前html引入哪些文件
在这里插入图片描述

如何抽离压缩css文件

安装插件
在这里插入图片描述
在rules里面添加插件
在这里插入图片描述
plugins中添加css抽离代码
在这里插入图片描述
压缩css
在这里插入图片描述

抽离公共代码

在optimization里面加入代码分割代码
在这里插入图片描述
在这里插入图片描述

异步加载

webpack 默认支持懒加载 会被webpack单独达成一个js包
在这里插入图片描述

处理JSX、Vue、React

用babel/loader来处理

posted @ 2025-08-05 15:29  yjbjingcha  阅读(7)  评论(0)    收藏  举报