PostCSS css-next - глобальные переменные без использования @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';

вместо точки, идущей вверх по дереву, чтобы найти правильное место.

Answer 2

Вы импортируете переменную.css в main.css(ваш глобальный файл css)

      //main.css
@import "./variable.css";

Затем в _app.js импортируйте main.css:

      // Your path to main.css
import "../assets/main.css"