nuxt-compress

Runs gzip and brotli compression on static assets during Nuxt build

Usage no npm install needed!

<script type="module">
  import nuxtCompress from 'https://cdn.skypack.dev/nuxt-compress';
</script>

README

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 -D nuxt-compress
    

    OR

    yarn add -D nuxt-compress
    
  2. Add "nuxt-compress" to your buildModules

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

Configuration

This module provides a simple interface to include compression-webpack-plugin configured for both gzip and brotli compression.

It 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: {
          threshold: 8192,
        },
        brotli: {
          threshold: 8192,
        },
      },
    ],
  ],
};

OR

module.exports = {
  modules: ['nuxt-compress'],
  'nuxt-compress': {
    gzip: {
      threshold: 8192,
    },
    brotli: {
      threshold: 8192,
    },
  },
};