plugin的认识与使用

认识plugin

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

loader和plugin的区别

loader主要用于转换某些类型的模块,他是一个转换器
plugin是插件,它是对webpack本身的扩展,是一个扩展器

plugin的使用过程

步骤一:通过npm 安装需要使用的plugins
步骤二:在webpack.config.js中的plugins中配置插件
在webpack.config.js中书写如下代码

1. 添加版权的plugin

// 引入webpack模块
const webpack = require('webpack');
module.exports={
   
plugins