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:

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