webpack file changer
Motivation
We need to move files from any path to another path. We want to change something in the files. This plugins provide change string in file after moving.
installitation
npm install --save-dev webpack-file-changer
Usage
options
options is used to move files or change files
Example :
const fileChanger = options;
options.move
move is used to move files and change files if needed.
Example :
const fileChanger = move: from: path to: './index.html' { console; } { console } ;
options.change
change is used to change content of files by given parameters.
const fileChanger = change: file: "./index.html" parameters: 'app\\.min\\.js': 'app.[renderedHash:0].min.js' ;
options.complete
- called after all changes.
options.move[].parameters || options.change[].parameters
- used to replace content of file by the parameter[key, value];
options.move[].before || options.change[].before
- called before of the operation.
options.move[].after || options.change[].after
- called after of the operation.
Add Plugin to the webpack
- More informations about plugins webpack-plugin
Example :
const fileChanger = options;webpackConfigurationplugins;
Examples
- Move file and replace
hash
in once configuration
const fileChanger = move: from: path to: './index.html' parameters: 'app\\.min\\.js': 'app.[hash].min.js' { console; } { console } { console; };
- Move file after replace
hash
by configuration
const fileChanger = move: from: path to: './index.html' { console; } { console } change: file: './index.html' parameters: 'app\\.min\\.js': 'app.[hash].min.js' { console; } { console; } { console; };
- Move file and replace
renderedHash
in once configuration
const fileChanger = move: from: path to: './index.html' parameters: 'app\\.min\\.js': 'app.[renderedHash:0].min.js' { console; } { console } { console; };
- Move file after replace
renderedHash
by configuration
const fileChanger = move: from: path to: './index.html' { console; } { console } change: file: "./index.html" parameters: 'app\\.min\\.js': 'app.[renderedHash:0].min.js' { console; };
- Multi Chunks
const fileChanger = move: from: path to: './index.html' parameters: "app\\.min\\.js": 'app.0.[hash].min.js' "app2\\.min\\.js": 'app2.0.[renderedHash:1].min.js' { console; } { console } { console; };