Home

Issue: 2655

Accessing css links on html template

[issue link]

According to docs we can extend html template and that’s works like a charm.

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

Here is the question; what if I want to move only link tags (css) to bottom of the page, is it possible?

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }} <!-- but somehow without css -->
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}

    {{ CSS }} <!-- only link tags (css) -->
  </body>
</html>

Is there any way to achieve this without modifying this section and creating custom CSS variable

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