Gatsby-plugin-compression-v2 NPM

Gatsby plugin compression

First install gatsby-plugin-compression.

npm install gatsby-plugin-compression --save

Then add gatsby-plugin-compression to your app's gatsby-config.js.

module.exports = {
  plugins: [
    `gatsby-plugin-compression`,
  ],
}

That's it, when you build your app you will have gzipped versions of your files.

Or you can use it with additional options;

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-compression-v2`,
      options: {
        asset: '[path].gz[query]',
        algorithm: 'gzip'
      },
    }
  ],
}

Keep in mind this option setting is also the default options when you don't specify anything. See full options for the webpack addon;

Name	Type	Default	Description
`test`	`{RegExp\\|Array<RegExp>}`	`.`	All assets matching this `{RegExp\\|Array<RegExp>}` are processed
`include`	`{RegExp\\|Array<RegExp>}`	`undefined`	Files to `include`
`exclude`	`{RegExp\\|Array<RegExp>}`	`undefined`	Files to `exclude`
`cache`	`{Boolean\\|String}`	`false`	Enable file caching
`asset`	`{String}`	`[path].gz[query]`	The target asset name. `[file]` is replaced with the original asset. `[path]` is replaced with the path of the original asset and `[query]` with the query
`filename`	`{Function}`	`false`	A `{Function}` `(asset) => asset` which receives the asset name (after processing `asset` option) and returns the new asset name
`algorithm`	`{String\\|Function}`	`gzip`	Can be `(buffer, cb) => cb(buffer)` or if a `{String}` is used the algorithm is taken from `zlib`
`threshold`	`{Number}`	`0`	Only assets bigger than this size are processed. In bytes.
`minRatio`	`{Number}`	`0.8`	Only assets that compress better than this ratio are processed
`deleteOriginalAssets`	`{Boolean}`	`false`	Whether to delete the original assets or not

Nginx

If your using nginx you can use gzip_static on; to serve your gzipped assets, here's a full example.

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}

pid /usr/local/nginx/logs/nginx.pid;

server {
    listen       80;
    server_name  localhost;

    #access_log  logs/host.access.log  main;

    location / {
        gzip_static on;
        root   Users/nah/Desktop/web;
        index  index.html index.htm;
    }
}

gatsby plugin compression

compression-webpack-plugin

@everything-registry/sub-chunk-1721 @zalastax/nolb-gatsby-plugin-c

0.1.0

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago