webpack plugin插件 loader和plugin区别 使用BannerPlugin(版权说明)

plugin 是什么

1. plugin是插件的意思，通常用于对某个现有的架构进行扩展。
2. webpack 中的插件，就是对webpack现有功能的扩展，比如打包优化、文件压缩等等。

loader 和 plugin 的区别

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

plugin 的使用

1. 通过npm安装需要的 plugins(部分webpack已经内置的插件不需安装)
2. 在webpack.config.js 中的 plugins 配置插件

plugin 使用示例 BannerPlugin版权插件

为打包的文件添加版权说明

配置

const webpack = require('webpack')

module.exports = {
    ...
    plugins:[
        new webpack.BannerPlugin('最终版权归 --- 我 --- 所有！！！')
    ]
}

效果