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