webpack plugins

plugin是用於擴展webpack的功能,各類各樣的plugin幾乎能夠讓webpack作任何與構建先關的事情。
plugin的配置很簡單,plugins配置項接收一個數組,數組裏的每一項都是一個要使用的plugin的實例,plugin須要的參數經過構造函數傳入。html

使用plugin的難點在於plugin自己的配置項,而不是如何在webpack中引入plugin,幾乎全部webpack沒法直接實現的功能,都能找到開源的plugin去解決,咱們要作的就是去找更據本身的須要找出相應的pluginwebpack

經常使用的plugins:web

- htmlWebpackPlugin數組

主要有兩個做用緩存

  • 爲html文件中引入的外部資源如script、link動態添加每次compile後的hash,防止引用緩存的外部文件問題
  • 能夠生成建立html入口文件,好比單頁面能夠生成一個html文件入口,配置N個html-webpack-plugin能夠生成N個頁面入口
相關文章
相關標籤/搜索