Static GitHub Issues

[3111] Nuxt generate moves compiled css into <head>

prev: How to trigger error from the server manually?

next: how to run async-data example of nuxt.js

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?

<div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2695">#c2695</a>)</em></sub></div>