Встречается на собеседованиях • сегодня

Что нужно написать в конфигурации WebPack для компиляции Saas кода

Для компиляции Sass в Webpack нужно:

  1. Установить необходимые пакеты:
bash
npm install sass-loader sass css-loader style-loader --save-dev
  1. Добавить правило в module.rules конфига Webpack:
javascript
module: {
  rules: [
    {
      test: /\.s[ac]ss$/i,
      use: [
        'style-loader', // вставляет стили в DOM
        'css-loader',   // превращает CSS в CommonJS модули
        'sass-loader'   // компилирует Sass в CSS
      ]
    }
  ]
}

Для production лучше использовать MiniCssExtractPlugin вместо style-loader для выноса стилей в отдельные файлы. Порядок лоадеров важен - они применяются справа налево.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы