This extension will change the extension in html file created by HTML WEB PACK PLUGIN. By default it will change to .gz compression. You can overwrite it as per your requirement
npm install html-change-extension-pluginInstallation
with yarn yarn add html-change-extension-plugin lodash
with npm npm install html-change-extension-plugin lodash --save
Include in your project
const HtmlChangeExtensionPlugin = require('html-change-extension-plugin');
````
plugins: [
new CompressionPlugin(
{
algorithm: 'gzip',
threshold: 10240,
deleteOriginalAssets: true,
}
),
new HTMLWebpackPlugin(
{
template: './public/index.html',
filename: './views/index.html',
}
),
new HtmlChangeExtensionPlugin(
{
/**
* These are the extensions of files that
* will be changed after html is processed.
*/
extensions: ['js', 'css'],
/**
* Extension of the compression method.
* 'gz' by default
*/
compressionMethod: 'gz',
}
),
]