Webpack File Preprocessor Plugin


A lightweight yet generic webpack plugin for pre-processing assets before emitting.

Installation

``bash


Using npm

$ npm install webpack-file-preprocessor-plugin --save-dev

Using Yarn

$ yarn add webpack-file-preprocessor-plugin --dev
`

Usage

This example demonstrates how to use this plugin to minify the html assets loaded using file-loader.

`javascript
const WebpackFilePreprocessorPlugin = require('webpack-file-preprocessor-plugin');
const minifyHtml = require('html-minifier').minify;

module.exports = {
entry: {
app: './index.js'
},
output: {
path: './public/dist',
publicPath: '/dist/',
filename: '[name].bundle.js'
},
module: {
rules: [
{
test: /\.html$/,
use: {
loader: 'file-loader',
options: {
name: 'tmpl/[hash].html'
}
}
}
]
},
plugins: [
new WebpackFilePreprocessorPlugin({
// Prints processed assets if set to true (default: false)
debug: true,
// RegExp pattern to filter assets for pre-processing.
pattern: /\.html$/,
// Do your processing in this process function.
process: source => minifyHtml(source.toString())
})
]
};
``

Examples

1. HTML Minifier - A simple example of minifying raw HTML files before they're emitted using this plugin.
2. JS Minifier - A simple example of minifying javascript files before they're emitted using this plugin.

Changelog

Check the CHANGELOG for release history.

License

Licensed under MIT.