LuXDAmore/nuxt-compress

A simple static asset compression module for Nuxt that runs Gzip and Brotli compression during the build process

nuxt-compress

A simple static asset compression module for Nuxt that runs Gzip and Brotli compression during the build process.

This is significantly more efficient than compressing files on the fly, especially for Brotli compression, which sacrifices CPU time for greater compression.

For compression during runtime, see the compressor entry in the Nuxt configuration docs

Getting Started

1. Install the module

   npm install nuxt-compress

   OR

   yarn add nuxt-compress

2. Add the module to your nuxt.config.js

   module.exports = {
     modules: ["nuxt-compress"]
   };

Configuration

This module provides a simple interface to include brotli-webpack-plugin and compression-webpack-plugin and uses the same configuration options, which can be supplied as a second argument to the entry in "modules" in your nuxt.config.js, or as a distinct entry with the key "nuxt-compress". See the Nuxt Modules guide for more information.

For example:

module.exports = {
  modules: [
    [
      "nuxt-compress",
      {
        gzip: {
          cache: true
        },
        brotli: {
          threshold: 10240
        }
      }
    ]
  ]
};

OR

module.exports = {
  modules: ["nuxt-compress"],
  "nuxt-compress": {
    gzip: {
      cache: true
    },
    brotli: {
      threshold: 10240
    }
  }
};