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 "nuxt-compress" to your buildModules

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

   If you're using Nuxt < 2.9, you'll need to add it to your modules instead

   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
    }
  }
};