Как соединить проект webpack и scss?

Question

[andrewayder]

Здравствуйте,
Я хочу добавить анимированный текст с бэкграундом на случай отключённого js

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

Соответственно мне нужно подгрузить стили, но так как в стилях длинная scss анимация я хочу подключить скомпилированные стили в css как-то так

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

в начале noscript
Также я хочу чтоб к тем стилям применился cssMinimizerPlugin
Как это правильно реализовать ?

Comments

[Алексей Уколов]

Сложность-то в чём у вас?

[andrewayder]

В том что если в index.html добавить

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

после yarn build / yarn serve

Error: Child compilation failed:
  No template for dependency: CssDependency
  CodeGenerationError: No template for dependency: CssDependency

Answer 1

[resibe]

Как вариант можно добавить точку входа для Vue
То есть

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