PostCSS CSS-next - globale Variablen ohne @import

Question

ich in eines ich es in einer anderen .css Datei zu verwenden, um eine Datei variables.css mit CSS Variablen verwenden :root{}

Gerade jetzt jedes Mal, wenn ich brauche verwenden:

@import './path/to/variables.css'.

Ich möchte wissen, ob es einen Weg gibt variables.css global verfügbar zu haben, ohne sie jedes Mal zu importieren, die ich es brauche.

Ich habe versucht, die Option customProperties auf cssnext Plugin zu verwenden, aber es gibt einen Fehler CSS zu einer js Objekt kompilieren ...
ich React mit webpack 1 bin mit und als postcss Plugins Ich habe import, mixins, cssnext und nested.

Dank

Answer 1

Soweit ich verstehe, nein, aber Sie können Ihr Leben einfacher machen. In der Config für den Import, den Pfad, wie zum Beispiel:

cssImport({ path: './src' })

Und vorausgesetzt, Ihr variables.css in src/variables.css ist, können Sie einfach tun:

@import 'variables';

statt Punkt zu Fuß zurück nach oben der Baum, um den richtigen Ort zu finden.