webpack does not support inlining CSS in HTML

[mannok]

Environment

Nuxt CLI v3.0.0-rc.6 02:18:49
RootDir: C:\projects\self\nuxt-webpack-css-loader-fail 02:18:54
Nuxt project info: 02:18:54

---

• Operating System: Windows_NT
• Node Version: v14.17.1
• Nuxt Version: 3.0.0-rc.6
• Package Manager: npm@7.10.0
• Builder: webpack
• User Config: builder, build, ssr, css, webpack
• Runtime Modules: -
• Build Modules: -

---

Reproduction

Minimal Reproduction from https://github.com/mannok/nuxt-webpack-css

Please see the commit log, expected the body will be applied background-color: darkcyan;, but Webpack cannot load the css so all styles in the page are broken.

Describe the bug

css cannot be loaded while using Nuxt3 with Webpack

Additional context

No response

Logs

No response

[danielroe]

At the moment inlining styles is not supported for webpack + vue-loader: vuejs/vue-style-loader#56.

[danielroe]

Let's track in #14777