webpack-file-preprocessor-plugin

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

0.0.2
latest
Source
npm

Version published: 5 years ago

Maintainers: 1

Created: 8 years ago

Source

Webpack File Preprocessor Plugin

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

Installation

# 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.

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

HTML Minifier - A simple example of minifying raw HTML files before they're emitted using this plugin.
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.

Keywords

FAQs

What is webpack-file-preprocessor-plugin?

Is webpack-file-preprocessor-plugin well maintained?

Package last updated on 28 Oct 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

webpack-file-preprocessor-plugin