java plugin是什么,让我们一起了解一下?
plugin是插件的意思,通常是用于对某个现有的架构进行扩展。比如webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等。
为什么说plugin比loader的功能更加强大?
因为plugin完成的是loader不能完成的功能。
plugin也是为了扩展webpack的功能,但是 plugin 是作用于webpack本身上的。而且plugin不仅只局限在打包,资源的加载上,它的功能要更加丰富。从打包优化和压缩,到重新定义环境变量,功能强大到可以用来处理各种各样的任务。
webpack提供了很多开箱即用的插件:CommonChunkPlugin主要用于提取第三方库和公共模块,避免首屏加载的bundle文件,或者按需加载的bundle文件体积过大,导致加载时间过长,是一把优化的利器。而在多页面应用中,更是能够为每个页面间的应用程序共享代码创建bundle。
plugin的使用过程是怎样的?
步骤一:通过npm 安装需要使用的plugins。
步骤二:在webpack.config.js中的plugins中配置插件。
在webpack.config.js中书写如下代码
// 引入webpack模块 const webpack = require('webpack'); module.exports={ plugins: [ // 添加版权 new webpack.BannerPlugin('最终版权归xxxx所有') ] }
配置插件:
const HtmlwebpackPlugin = require('html-webpack-plugin'); module.exports={ plugins: [ // 添加版权 new webpack.BannerPlugin('最终版权归xxxx所有'), // 打包HTML new HtmlwebpackPlugin({ template:'index.html' }) ] }
以上就是小编今天的分享了,希望可以帮助到大家。