深刻浅出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去解决，须要善于使用搜索引擎去解决。