Home

Issue: 3111

Nuxt generate moves compiled css into <head>

[issue link]

I want to use Bootsrap with my own colors, so I’ve made my ~assets/styles/app.scss:

$primary: yellow;
@import '~bootstrap/scss/bootstrap.scss';

Then I’ve tried to add this to my nuxt.config.js:

  build: {
    extractCss: true
  },
  css: [
    '~assets/styles/app.scss'
  ]

It’s all works great, but when I’m trying to run nuxt generate it pushes all result styles into EACH html page. It’s around 145 Kb of extra styles w/o caching.
So how to build css file and include it into head manually?

This question is available on Nuxt.js community (#c2695)