1.html-webpack-plugin
webpack是从js入口文件开始打包,不能打包html文件,但想要成功打开页面,html文件必不可少,我么可以通过这个插件让webpack具有打包html的能力
2.webpack自带插件ProvidePlugin也就是shimming也叫垫片
在某些第三方库中使用了其他库的内容,但并没有引入(想要直接全局使用),这是如果一个一个的手动引入非常麻烦,这时就需要垫片,垫片可以将第三方库模块内导出的数据拿出来当作全局变量为其他第三方库使用。
注意,在22年十月之前,axios使用垫片可以直接获取axios,但是现在不行了,因为十月时发生更新,axios的导出方式由之前的默认导出axios,变成了导出一个对象,对象内部有很多值,并且aioxs对象被重命名为default,所以需要使用axios.default获取
3.mini-css-extract-plugin
css被webpack打包时会被一同打包进js代码中,如果我们想对css文件进行分包,则需要使用这个插件
注意:文件名之前可以添加 文件名/ 表示打包进某个文件夹内
一些压缩方面的插件,我写在了另一个文章点此进入压缩相关插件
以后用到哪个插件在继续写