Нужен ли css-loader, если вы используете postcss-loader с соответствующими плагинами?

Question

Я использую postcss-import позаботиться о моем импорте, и cssnano минимизировать. В моей конфигурации Webpack я использовал следующую настройку для css-loader...

{
  loader: 'css-loader',
  options: {
    url: false,
    import: false,
    minimize: false,
    importLoaders: 1,
    souceMap: true,
  }
}

... но когда я удаляю это все, кажется, загружается нормально, так что теперь у меня просто есть post-css до style-loader, Могу ли я благополучно опустить css-loader из моей сборки CSS, или есть какая-то другая функциональность, которая обеспечивает это необходимо? Я еще не видел webpack.config.js файл, который не использует css-loaderпоэтому я хочу быть осторожным здесь!:)

Answer 1

css-loader в основном позволяет веб-пакету строить ваше дерево зависимостей, следуя зависимостям, объявленным как @import а также url() в ваших CSS файлах.

Из документации css-загрузчика:

Загрузчик css интерпретирует @import и url() как import/require() и разрешает их.

поскольку postcss-import обрабатывает CSS @imports, вам все равно понадобится css-loader связывать любые другие статические ресурсы, импортируемые вашими таблицами стилей, такие как изображения, шрифты и т. д.