Chunk-transform-webpack-plugin NPM

chunk-transform-webpack-plugin

useful webpack plugin that transform chunk on fly,change existed chunk's files or create new chunk that contain specified chunk's files

Install

npm install chunk-transform-webpack-plugin --save--dev

Usage

add plugin in your webpack.config.js

var ChunkTransformPlugin = require('chunk-transform-webpack-plugin')
var ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
    entry:{
        index:"./index.js",
        vendor:"./vendor.css"
    },
    module:{
        loaders:[
            ...
        ]
    },
    output:{
        path:'./dist',
        filename:'[name].min.js'
    },
    plugins:[
        new ExtractTextPlugin('[name]-[hash].css'),
        new ChunkTransformPlugin({
            filename:'./vendor.css',
            chunks:['vendor'],
            test:/\.css/
        })
    ]
}

Plugin Options

filename: dist chunk files template,accept string or function that take original filename as argument
chunks: array of chunks changed
chunkName: new chunk name that contain specified chunk's files
test: predicator of chunk's files,accept regxp expression or function that take original filename as argument or string that exactly match file