“Nuxt 3 postcss” Code-Antworten

Nuxt 3 postcss

// install dependencies (example)
yarn add postcss postcss-calc postcss-flexbugs-fixes postcss-import postcss-preset-env -D

// postcss.config.js
module.exports = {
  plugins: {
    "postcss-import": {},
    autoprefixer: {},
    "postcss-flexbugs-fixes": {},
    "postcss-preset-env": {
      autoprefixer: {
        flexbox: "no-2009",
        grid: "autoplace",
      },
      stage: 3,
      features: {
        "custom-properties": false,
      },
    },
    "postcss-calc": {
      precision: 10,
      selectors: true,
      mediaQueries: true,
      preserve: true,
    },
    cssnano: {
      preset: "default",
    },
  },
}

// nuxt.config.ts
export default defineNuxtConfig({
 build: {
    postcss: {
      postcssOptions: require("./postcss.config.js"),
    },
  },
})