Как создать файл common.css и использовать только postcss?

Это моя текущая конфигурация веб-пакета — https://gist.github.com/lavezzi1/1179d91c584c0b0a7544c862c8bb07ca

Как видите, я делаю многостраничное приложение и столкнулся с несколькими проблемами.

  1. Я хочу скомпилировать 2 файла для каждой страницы: common.css (файл css с общими стилями) и index.css (например, файл css с индивидуальными стилями для индексной страницы) . Как я могу это сделать? Я попробовал плагин CommonChunks, но он генерирует только файл common.js, а не css. Теперь я нашел обходной путь, как это сделать, я просто импортирую файл main.css непосредственно в файл записи js каждой страницы. Но это создает другую проблему, которая описана ниже;

  2. Я хочу использовать postcss без каких-либо препроцессоров. Является ли это возможным? Когда я импортирую main.css непосредственно в файл js, плагин postcss не работает (код не компилируется). Я тестировал вложенный плагин postcss, который отлично работает внутри файла *.vue. Как это исправить?

Я очень застрял с этим. Надеюсь, вы поможете. Спасибо!


person Hola    schedule 08.08.2016    source источник
comment
Итак, ваш рабочий процесс будет many.css->one.css-(postcss)->processed.ccs? И потом вы хотите отправить это?   -  person gurghet    schedule 08.08.2016


Ответы (1)


Вы пытались добавить !postcss-loader после !css-loader?

Чистый результат будет:

loader: ExtractTextPlugin.extract('style-loader','css-loader!postcss-loader?sourceMap!sass-loader')
person gurghet    schedule 08.08.2016