Research
Security News
Malicious npm Packages Inject SSH Backdoors via Typosquatted Libraries
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
@typefox/compression-webpack-plugin
Advanced tools
Prepare compressed versions of assets to serve them with Content-Encoding
Prepare compressed versions of assets to serve them with Content-Encoding.
This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.
To begin, you'll need to install compression-webpack-plugin
:
$ npm install compression-webpack-plugin --save-dev
Then add the plugin to your webpack
config. For example:
webpack.config.js
const CompressionPlugin = require('compression-webpack-plugin');
module.exports = {
plugins: [new CompressionPlugin()],
};
And run webpack
via your preferred method.
test
Type: String|RegExp|Array<String|RegExp>
Default: undefined
Test to match files against.
// in your webpack.config.js
new CompressionPlugin({
test: /\.js(\?.*)?$/i,
});
include
Type: String|RegExp|Array<String|RegExp>
Default: undefined
Files to include.
// in your webpack.config.js
new CompressionPlugin({
include: /\/includes/,
});
exclude
Type: String|RegExp|Array<String|RegExp>
Default: undefined
Files to exclude.
// in your webpack.config.js
new CompressionPlugin({
exclude: /\/excludes/,
});
cache
Type: Boolean|String
Default: false
Enable file caching.
The default path to cache directory: node_modules/.cache/compression-webpack-plugin
.
Boolean
Enable/disable file caching.
// in your webpack.config.js
new CompressionPlugin({
cache: true,
});
String
Enable file caching and set path to cache directory.
// in your webpack.config.js
new CompressionPlugin({
cache: 'path/to/cache',
});
filename
Type: String|Function
Default: [path].gz[query]
The target asset filename.
String
[file]
is replaced with the original asset filename.
[path]
is replaced with the path of the original asset.
[query]
is replaced with the query.
// in your webpack.config.js
new CompressionPlugin({
filename: '[path].gz[query]',
});
Function
// in your webpack.config.js
new CompressionPlugin({
filename(info) {
// info.file is the original asset filename
// info.path is the path of the original asset
// info.query is the query
return `${info.path}.gz${info.query}`;
},
});
algorithm
Type: String|Function
Default: gzip
The compression algorithm/function.
String
The algorithm is taken from zlib.
// in your webpack.config.js
new CompressionPlugin({
algorithm: 'gzip',
});
Function
Allow to specify a custom compression function.
// in your webpack.config.js
new CompressionPlugin({
algorithm(input, compressionOptions, callback) {
return compressionFunction(input, compressionOptions, callback);
},
});
compressionOptions
Type: Object
Default: { level: 9 }
If you use custom function for the algorithm
option, the default value is {}
.
Compression options. You can find all options here zlib.
// in your webpack.config.js
new CompressionPlugin({
compressionOptions: { level: 1 },
});
threshold
Type: Number
Default: 0
Only assets bigger than this size are processed. In bytes.
// in your webpack.config.js
new CompressionPlugin({
threshold: 8192,
});
minRatio
Type: Number
Default: 0.8
Only assets that compress better than this ratio are processed (minRatio = Compressed Size / Original Size
).
Example: you have image.png
file with 1024b size, compressed version of file has 768b size, so minRatio
equal 0.75
.
In other words assets will be processed when the Compressed Size / Original Size
value less minRatio
value.
You can use 1
value to process all assets.
// in your webpack.config.js
new CompressionPlugin({
minRatio: 0.8,
});
deleteOriginalAssets
Type: Boolean
Default: false
Whether to delete the original assets or not.
// in your webpack.config.js
new CompressionPlugin({
deleteOriginalAssets: true,
});
Prepare compressed versions of assets using zopfli
library.
ℹ️
@gfx/zopfli
require minimum8
version ofnode
.
To begin, you'll need to install @gfx/zopfli
:
$ npm install @gfx/zopfli --save-dev
webpack.config.js
const zopfli = require('@gfx/zopfli');
module.exports = {
plugins: [
new CompressionPlugin({
compressionOptions: {
numiterations: 15,
},
algorithm(input, compressionOptions, callback) {
return zopfli.gzip(input, compressionOptions, callback);
},
}),
],
};
Brotli is a compression algorithm originally developed by Google, and offers compression superior to gzip.
Node 11.7.0 and later has native support for Brotli compression in its zlib module.
We can take advantage of this built-in support for Brotli in Node 11.7.0 and later by just passing in the appropriate algorithm
to the CompressionPlugin:
// in your webpack.config.js
module.exports = {
plugins: [
new CompressionPlugin({
filename: '[path].br[query]',
algorithm: 'brotliCompress',
test: /\.(js|css|html|svg)$/,
compressionOptions: { level: 11 },
threshold: 10240,
minRatio: 0.8,
deleteOriginalAssets: false,
}),
],
};
N.B.: The level
option matches BROTLI_PARAM_QUALITY
for Brotli-based streams
Please take a moment to read our contributing guidelines if you haven't yet done so.
FAQs
Prepare compressed versions of assets to serve them with Content-Encoding
We found that @typefox/compression-webpack-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.