Development mode component styles generate <style> instead of <link rel="stylesheet">

Is it possible to configure Nuxt in development mode to generate

<style>

<style>

tags for component CSS instead of a

<link>

<link>

? I see this behavior in the production build, however, the development build always generates

<link>

<link>

tags for global CSS files and SFC styles.

<link rel="stylesheet" href="/_nuxt/assets/css/main.css" crossorigin>
<link rel="stylesheet" href="/_nuxt/pages/my/page/my-component.vue?vue&type=style&index=0&lang.css" crossorigin>

<link rel="stylesheet" href="/_nuxt/assets/css/main.css" crossorigin>
<link rel="stylesheet" href="/_nuxt/pages/my/page/my-component.vue?vue&type=style&index=0&lang.css" crossorigin>

Nuxt•11mo ago•

4 replies

roderick1119

Development mode component styles generate <style> instead of <link rel="stylesheet">

Is it possible to configure Nuxt in development mode to generate

<style>

<style>

tags for component CSS instead of a

<link>

<link>

? I see this behavior in the production build, however, the development build always generates

<link>

<link>

tags for global CSS files and SFC styles.

<link rel="stylesheet" href="/_nuxt/assets/css/main.css" crossorigin>
<link rel="stylesheet" href="/_nuxt/pages/my/page/my-component.vue?vue&type=style&index=0&lang.css" crossorigin>

<link rel="stylesheet" href="/_nuxt/assets/css/main.css" crossorigin>
<link rel="stylesheet" href="/_nuxt/pages/my/page/my-component.vue?vue&type=style&index=0&lang.css" crossorigin>

Development mode component styles generate <style> instead of <link rel="stylesheet">

Similar Threads

Development mode component styles generate <style> instead of <link rel="stylesheet">

Similar Threads

Similar Threads

Similar Threads