（vue）插件的使用

小记

笔记

什么是插件

webpack中的插件就是对webpack现有功能的拓展，比如打包优化、文件压缩

loader和plugin的区别

loader主要是用于转换某些类型，它是一个转换器
plugin是插件，它是对webpack本身功能的拓展

plugin的使用

• 先npm install 相应的插件
• 在webpack.config.js中的plugin[]中进行配置

添加版权的plugin

在打包后的js文件中添加版权信息使用到的插件：BannerPlugin

此插件是webpack自带的，无需再安装，直接在webpack.config.js中添加配置
打包效果：

打包html的plugin

在使用webpack打包时，将index.html同时打包到dist文件夹下。使用到的插件：HtmlWebpackPlugin

安装HtmlWebpackPlugin

npm install html-webpack-plugin -D

更改配置文件