Ejemplo

Las opciones especificadas aquí son los valores por defecto. Así que si son lo suficientemente buenos para tu caso de uso, no tienes que especificarlos para así tener un archivo nuxt.config.js más corto y limpio.

// nuxt.config.js
{
  optimizedImages: {
    inlineImageLimit: 1000,
    imagesName: ({ isDev }) => isDev ? '[path][name][hash:optimized].[ext]' : 'img/[hash:7].[ext]',
    responsiveImagesName: ({ isDev }) => isDev ? '[path][name]--[width][hash:optimized].[ext]' : 'img/[hash:7]-[width].[ext]',
    handleImages: ['jpeg', 'png', 'svg', 'webp', 'gif'],
    optimizeImages: true,
    optimizeImagesInDev: false,
    defaultImageLoader: 'img-loader',
    mozjpeg: {
      quality: 80,
    },
    optipng: {
      optimizationLevel: 3,
    },
    pngquant: false,
    gifsicle: {
      interlaced: true,
      optimizationLevel: 3,
    },
    svgo: {
      // habilitar/deshabilitar plugins svgo aquí
    },
    webp: {
      preset: 'default',
      quality: 75,
    },
  }
}
Última Actualización: 3/1/2019, 5:40:04 PM