How to connect webpack and scss project?

Question

Sass

Hello,
I want to add animated text with a background in case js is disabled

<noscript>
    <div class='error-logo-title'>
      <span>
        plz enable js
      </span>
    </div>
  </noscript>

Accordingly, I need to load the styles, but since the styles have a long scss animation, I want to connect the compiled styles to css like this

<link href="<%= require('../src/error/style.css') %>" rel=stylesheet />

at the beginning of noscript
I also want to apply cssMinimizerPlugin to those styles.
How to implement it correctly?

Answer 1

As an option, you can add an entry point for Vue
That is

module.exports = defineConfig({
  pages: {
    index: {
      entry: ["src/main.ts", "src/main.scss"],