write-file-webpack-plugin

Forces webpack-dev-server program to write bundle files to the file system.

This plugin has no effect when webpack program is used instead of webpack-dev-server.

Install

1npm install write-file-webpack-plugin --save-dev

API

1/**
2 * @typedef {Object} options
3 * @property {boolean} atomicReplace Atomically replace files content (i.e., to prevent programs like test watchers from seeing partial files) (default: true).
4 * @property {boolean} exitOnErrors Stop writing files on webpack errors (default: true).
5 * @property {boolean} force Forces the execution of the plugin regardless of being using `webpack-dev-server` or not (default: false).
6 * @property {boolean} log Logs names of the files that are being written (or skipped because they have not changed) (default: true).
7 * @property {RegExp} test A regular expression used to test if file should be written. When not present, all bundle will be written.
8 * @property {boolean} useHashIndex Use hash index to write only files that have changed since the last iteration (default: true).
9 */
10
11/**
12 * @param {options} options
13 * @returns {Object}
14 */
15new WriteFilePlugin();
16
17new WriteFilePlugin({
18    // Write only files that have ".css" extension.
19    test: /\.css$/,
20    useHashIndex: true
21});

Usage

Configure webpack.config.js to use the write-file-webpack-plugin plugin.

1import path from 'path';
2import WriteFilePlugin from 'write-file-webpack-plugin';
3
4export default {
5    output: {
6        path: path.join(__dirname, './dist')
7    },
8    plugins: [
9        new WriteFilePlugin()
10    ],
11    // ...
12}

See ./sandbox for a working webpack configuration.