webpack基础详解(3)

知识点介绍:

这篇是将webpack的剩余常用知识点进行总结,首先是plugin第二个常用插件,输入打包命令时,进行自动压缩,然后还有为打包的文件进行版权声明,还有一个大点热更新,还有学习webpack自己的一些总结

plugin

介绍:

插件,通常是用于对某个现有的架构进行扩展webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩

plugin的使用过程:

1. 步骤一:通过npm安装需要使用的plugins(某些内置的插件不需要安装)
2. 步骤二: 在webpack.config.js中的plugins中配置插件

因为上一篇文章中讲述了第一个常用插件,所以我们就直接来讲述第二个插件吧

plugin 第二个常用插件:

作用

对js进行压缩,压缩成一行代码 ,但webpack5生产环境下会自动把js文件打包成一行

1. 它是一个独立的模块,先要安装

 npm install uglifyjs-webpack-plugin --save-dev

2. 对webpack.config.js文件进行配置

const