cache-bust-loader

Cache-Bust Loader

This Webpack loader adds a cache-bust query parameter to referenced files in your source code.

Installation

npm install cache-bust-loader

Usage

Add this to your webpack.config.js to apply the logic to your .css files for example.

Webpack 1

module.exports = {
  ...
  module: {
    loaders: [
	  { test: /\.css$/, loader: "cache-bust-loader?name=bust&value=ZZxTE!css-loader" }
	]
  }
  ...
};

Webpack 2

module.exports = {
  ...
  module: {
    rules: [
	  { test: /\.css$/, loader: "cache-bust-loader?name=bust&value=ZZxTE!css-loader" }
	]
  }
  ...
};

Configuration

The following parameters are possible:

Parameter	Mandatory	Data type	Default value
name	True	String
value	False	String
types	False	String	eot;woff;woff2;svg;ttf;otf;jpg;jpeg;png;ico;gif;json

The name describes the name of the query parameter, the value the string which should change every build. If the value is empty, no parameters are applied (e.g. in development mode). The types are filetypes which you want to be cache-busted. Split them with a semicolon.

License