PostCSS CSS-некст - глобальные переменные без необходимости использовать @import

Question

У меня есть файл variables.css с CSS переменных внутри :root{}

Прямо сейчас каждый раз, когда мне нужно, чтобы использовать его в другом файле .css я использую:

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

Я хочу знать, если есть способ иметь variables.css доступные во всем мире без необходимости импортировать его каждый раз, когда мне это нужно.

Я пытался использовать опцию customProperties на cssnext плагин, но он дает ошибку компиляции CSS к объекту Js ...
Я использую React с webpack 1 и, как postcss плагинов у меня есть import, mixins, cssnext и nested.

Благодаря

Answer 1

Насколько я понимаю, нет, но вы можете сделать вашу жизнь проще. В вашей конфигурации для импорта, установите путь, например:

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

И предполагается, что ваш variables.css находится в src/variables.css, вы можете просто сделать:

@import 'variables';

вместо точки идти назад вверх дерево, чтобы найти нужное место.