Как я могу скомпилировать scss в веб-пакете?

Question

В моем браузере возвращает эту ошибку

Я также устанавливаю плагин npm install sass-loader node-sass --save-dev, но это не работает для меня.

Мой файл package.json

"devDependencies": {
  "node-sass": "^4.12.0",
  "sass-loader": "^7.2.0",
  "webpack": "^4.40.2"
}`

Я добавляю этот контекст в мой webpack.config.js файл.

{
          test: /\.scss$/,
          loaders: [
            require.resolve('style-loader'),
            require.resolve('css-loader'),
            require.resolve('sass-loader')
          ]
        }

Answer 1

Лучший пакет, с которым я работал, это postcss.

https://github.com/postcss/postcss

PostCSS - это инструмент для преобразования стилей с помощью плагинов JS. Эти плагины могут связывать ваш CSS, поддерживать переменные и миксины, переносить будущий синтаксис CSS, встроенные изображения и многое другое. Вы можете использовать его с вашим веб-пакетом, который работает для меня.