Загрузчик для CSS / SASS в Webpack

sass webpack

735 просмотра

1 ответ

9833 Репутация автора

Я взял пример файла конфигурации webpack, который имеет следующий загрузчик.

   test: /\.scss|.css$/,

   loader: ExtractTextPlugin.extract('style', 'css?sourceMap!postcss')

Кажется, это работает, но я не могу понять, что во многих местах говорится, что вы должны использовать sass-загрузчик, но у меня его нет, и он не указан в моем файле пакетов.

Из того, что я вижу, он загружает загрузчик стилей, а затем загрузчик css.

Что здесь происходит? Я не вижу ссылки на sass / scss только на тестовой строке (выше). Также я заметил, что он использует функцию извлечения из ExtractTextPlugin, в чем разница только с использованием

  loader: ['style', 'css?sourceMap!postcss']

редактировать

Это плагины postcss, которые я использую.

  require('postcss-import')({addDependencyTo: bundler}),
        require('postcss-inline-comment')(),
        require('postcss-hexrgba'),
        require('postcss-size'),
        require('precss')(),
        require('css-mqpacker')(),
        require('autoprefixer')({
            browsers: ['last 2 version']
        })
Автор: Martin Источник Размещён: 18.07.2016 08:16

Ответы (1)


2 плюса

22561 Репутация автора

Решение

Это работает, потому что у вас включен плагин precss postcss. Это обеспечивает разметку стиля SASS.

Автор: Juho Vepsäläinen Размещён: 19.07.2016 04:27
Вопросы из категории :
32x32