@nuxt/postcss8

v1.1.3
Since [[email protected]](https://github.com/nuxt/nuxt.js/releases/tag/v2.15.0) nuxt supports opting-in to use `postcss@8` (via [nuxt/nuxt.js#8546](https://github.com/nuxt/nuxt.js/pull/8546)).

postcss8 support for nuxt 2.15+

Since [email protected] nuxt supports opting-in to use postcss@8 (via nuxt/nuxt.js#8546).

Upgrade is pending for csstools/postcss-preset-env#191 (see nuxt/nuxt.js#8087 and nuxt/nuxt.js#8408)

In the meantime, this module allows rapid migration:

  • Ensures supported nuxt version is used (>= 2.15.3)
  • Forces to use upgraded dependencies using __NUXT_PREPATHS__
  • Will be updated accordingly to self-disable when a nuxt version with default postcss8 detected
  • Use autoprefixer instead of postcss-preset-env

Usage

Install @nuxt/postcss8 as devDependency:

yarn add --dev @nuxt/postcss8
# or
npm i -D @nuxt/postcss8

Add @nuxt/postcss8 to buildModules in nuxt.config:

// nuxt.config
export default {
  buildModules: [
    '@nuxt/postcss8'
  ]
}

For module authors

If you have a nuxt module that requires postcss@8, install postcss@8 and @nuxt/postcss8 as dependency:

yarn add postcss@8 @nuxt/postcss8
# or
npm i postcss@8 @nuxt/postcss8

Inside module:

export default async function() {
  await this.addModule(require('@nuxt/postcss8'))
}
npm i @nuxt/postcss8

Metadata

  • MIT
  • Whatever
  • Unknown
  • released 3/10/2021

Downloads