深刻淺出webpack學習(6)--Plugin

Plugin

Plugin用於擴展webpack功能，各類各樣的Plugin幾乎讓Webpack能夠 作任何構建相關的事情。

配置Plugin

Plugin的配置很簡單，plugins配置項接受一個數組，數組裏每一項都是一個要使用的Plugin的實例，Plugin須要的參數經過構造函數傳入。

const CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin')

module.exports = {
    plugins: [
        new CommonsChunkPlugin({
            name: 'common',
            chunks: ['a', 'b']
        })
    ]
}

使用Plugin的難點在於掌握Plugin自己提供的配置項，而不是如何在webpack中接入Plugin。幾乎全部webpack沒法直接實現的功能都能在社區找到開源的Plugin去解決，須要善於使用搜索引擎去解決。