2016-08-08 76 views
1

Dies ist meine aktuelle Webpack-Konfiguration - https://gist.github.com/lavezzi1/1179d91c584c0b0a7544c862c8bb07caWie erstellt man die Datei common.css und verwendet nur postcss?

Wie Sie sehen können, mache ich Multipage-App und mit ein paar Problemen konfrontiert.

  1. Ich mag 2-Dateien für jede Seite kompilieren: common.css (CSS-Datei mit gemeinsamen Stilen) und index.css (zB CSS-Datei mit einzelnen Stilen für Index-Seite). Wie kann ich das machen? Ich habe versucht CommonChunks Plugin, aber es erzeugt nur common.js Datei, nicht CSS. Jetzt habe ich einen Workaround gefunden, wie man es macht, ich importiere die Datei main.css direkt in die js-Datei der einzelnen Seiten. Aber es macht ein anderes Problem, das unten beschreibt;

  2. Ich möchte postcss ohne Präprozessoren verwenden. Ist es möglich? Wenn ich main.css direkt in js-Datei importiere, funktioniert das postcss-Plugin nicht (Code kompiliert nicht). Ich habe ein postcss-verschachteltes Plugin getestet, das in der * .vue-Datei funktioniert. Wie behebt man das?

Ich bin sehr fest damit. Ich hoffe du hilfst. Vielen Dank!

+0

So werden Sie Ihren Workflow würde 'many.css-> one.css- (postcss) -> processed.ccs'? Und dann willst du das versenden? – gurghet

Antwort

0

Haben Sie versucht, nach !css-loader hinzuzufügen?

Das Nettoergebnis wäre:

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