? ?

java plugin是什么，讓我們一起了解一下？

plugin是插件的意思，通常是用于對(duì)某個(gè)現(xiàn)有的架構(gòu)進(jìn)行擴(kuò)展。比如webpack中的插件，就是對(duì)webpack現(xiàn)有功能的各種擴(kuò)展，比如打包優(yōu)化，文件壓縮等等。

為什么說plugin比loader的功能更加強(qiáng)大？

因?yàn)閜lugin完成的是loader不能完成的功能。

plugin也是為了擴(kuò)展webpack的功能，但是 plugin 是作用于webpack本身上的。而且plugin不僅只局限在打包，資源的加載上，它的功能要更加豐富。從打包優(yōu)化和壓縮，到重新定義環(huán)境變量，功能強(qiáng)大到可以用來處理各種各樣的任務(wù)。

webpack提供了很多開箱即用的插件：CommonChunkPlugin主要用于提取第三方庫和公共模塊，避免首屏加載的bundle文件，或者按需加載的bundle文件體積過大，導(dǎo)致加載時(shí)間過長(zhǎng)，是一把優(yōu)化的利器。而在多頁面應(yīng)用中，更是能夠?yàn)槊總€(gè)頁面間的應(yīng)用程序共享代碼創(chuàng)建bundle。

plugin的使用過程是怎樣的？

步驟一：通過npm 安裝需要使用的plugins。

步驟二：在webpack.config.js中的plugins中配置插件。

在webpack.config.js中書寫如下代碼

//?引入webpack模塊
const?webpack?=?require('webpack');
module.exports={
plugins:?[
?????//?添加版權(quán)
????new?webpack.BannerPlugin('最終版權(quán)歸xxxx所有')
??]
}

配置插件：

const?HtmlwebpackPlugin?=?require('html-webpack-plugin');
module.exports={
plugins:?[
????//?添加版權(quán)
????new?webpack.BannerPlugin('最終版權(quán)歸xxxx所有'),
????//?打包HTML
????new?HtmlwebpackPlugin({
??????template:'index.html'
????})
??]
}

以上就是小編今天的分享了，希望可以幫助到大家。