не могу найти меньше загрузчика и правил в webpack.conf

Question

Я хочу добавить Меньше поддержки в проект React. По этим ссылкам:

Добавление поддержки SASS или LESS в приложение create-реагировать

Модули React + CSS + LESS + Webpack 4

Я извлек проект и установил все меньше и меньше загрузчика, но я не могу найти раздел правил в webpack.config.js. Почему мой конфигурационный файл не похож на конфигурационный файл на этих двух страницах? (версия webpack 4.1.0)

Как добавить поддержку Less в мой проект?

Если я добавлю

  {
    loader: require.resolve('less-loader'),
  },

в файл config, я получу ошибку "Failed to compile"

Невозможно прочитать свойство 'знаменатель' из неопределенного в ... \ node_modules \ bootstrap \ dist \ css \ bootstrap.css (строка 2100, столбец 2)

Answer 1

Эти учебные пособия основаны на старых CRA, в последнем из которых они объединили файлы dev и prod и сделали несколько дополнительных mumbo jumbo, чтобы сделать его более "лаконичным". Одной из таких вещей было извлечение загрузчиков CSS в отдельную вспомогательную функцию - getStyleLoaders(). Секция rules находится ниже, и выход getStyleLoaders объединяется с ней в соответствующей точке.

В целом то, что вы делаете, добавляя загрузчик в конец массива loaders, правильно. И ошибка не на стороне webpack. Он скорее выброшен less-loader неспособностью интерпретировать файл из-за неверного синтаксиса внутри.