plugin 是什么
- plugin是插件的意思,通常用于对某个现有的架构进行扩展。
- webpack 中的插件,就是对webpack现有功能的扩展,比如打包优化、文件压缩等等。
loader 和 plugin 的区别
loader 主要用于转换某些类型的模块,他是一个转换器。
plugin 是插件,它是对webpack本身的扩展,是一个扩展器。
plugin 的使用
- 通过npm安装需要的 plugins(部分webpack已经内置的插件不需安装)
- 在webpack.config.js 中的 plugins 配置插件
plugin 使用示例 BannerPlugin版权插件
为打包的文件添加版权说明
配置
const webpack = require('webpack')
module.exports = {
...
plugins:[
new webpack.BannerPlugin('最终版权归 --- 我 --- 所有!!!')
]
}