Breaking News: Grepper is joining You.com. Read the official announcement!

nuxt 3 postcss

Injury answered on May 7, 2022 Popularity 8/10 Helpfulness 4/10

answer nuxt 3 postcss

nuxt 3 postcss

Comment

// 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"),
    },
  },
})

Popularity 8/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: postcss typescript

Link to this answer
Share Copy Link

Contributed on May 07 2022

Injury

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

nuxt 3 postcss

Contents

More Related Answers

nuxt 3 postcss

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.