JSPM

last-call-webpack-plugin

2.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1581642
  • Score
    100M100P100Q194902F
  • License MIT

A Webpack plugin that allows to transform \ modify assets just before Webpack emits them.

Package Exports

  • last-call-webpack-plugin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (last-call-webpack-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Last Call Webpack Plugin

A Webpack plugin that allows you to transform \ modify assets just before Webpack emits them.

What does the plugin do?

It allows you to transform \ modify Webpack assets just before Webpack emits them (writes them to files or memory in case you are using something like Webpack dev server).

It can be used for example to:

  • Prefix a /* Author: John Doe */ comment on all the .js files Webpack generates.
  • Run some final optimization on all .css files Webpack generates.

Installation:

Using npm:

$ npm install --save-dev last-call-webpack-plugin

Configuration:

The plugin can receive the following options:

  • assetProcessors: An Array of objects that describe asset processors:
    • regExp: A regular expression to match the asset name that the processor handles.
    • processor: A function with the signature of function(assetName, webpackAssetObject) that returns a Promise. If the Promise returns a result this result will replace the assets content.
  • onStart: A function with the signature of function(assets, assetsAndProcessors, webpackCompilationObject) that will be called before the plugin starts calling the assets processors.
  • onEnd: A function with the signature of function(error) that will be called after the plugin calls all the assets processors. If no errors occurred the error parameter will be undefined.
  • canPrint: A boolean indicating if the plugin can print messages to the console, defaults to true.

Note: An environment supporting Promises or a Promise polyfill is needed for this plugin to be used.

Example:

var cssnano = require('cssnano');
var LastCallWebpackPlugin = require('last-call-webpack-plugin');
module.exports = {
  module: {
    loaders: [
      { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") }
    ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css"),
    new LastCallWebpackPlugin({
      assetProcessors: [{
        regExp:  /\.js$/,
        processor: (assetName, asset) => Promise.resolve('// Author: John Doe \n' + asset.source())
      }, {
                regExp:  /\.css$/,
        processor: (assetName, asset) => cssnano.process(asset.source())
          .then(r => r.css)
      }],
      onStart: () => console.log('Starting to process assets.'),
      onEnd: (err) => console.log(err ? 'Error: ' + err : 'Finished processing assets.'),
      canPrint: true
    })
    ]
}

License

MIT (http://www.opensource.org/licenses/mit-license.php)