2017-02-13 22 views
2

@import 사용하지 않고 전역 변수 :PostCSS CSS - 다음 - 나는 지금 <code>:root{}</code></p> <p>내부 CSS 변수의 파일 <code>variables.css</code> 내가 사용하는 다른 <code>.css</code> 파일을 사용하여 필요할 때마다이

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

나는 세계적으로 그에게 내가 필요 매번 가져올 필요없이 사용할 수 variables.css을 할 수있는 방법이 있는지 알고 싶습니다.

나는 cssnext 플러그인의 옵션 customProperties을 사용하려고하지만 webpack 1와 내가 React를 사용 해요 JS 객체에 CSS를 컴파일 에러 ...
를 제공하고 postcss 플러그인으로 나는 import, mixins, cssnext이 및 nested.

감사합니다.

답변

0

내가 아는 한, 아니지만 당신의 인생을 더 쉽게 만들 수 있습니다. 수입에 대한 설정에서 같은 경로 설정 :

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

을 그리고 가정하여 variables.csssrc/variables.css에, 당신은 간단하게 할 수있다 : 대신 점의

@import 'variables';

최대 다시 걷고 트리는 올바른 자리를 찾을 수 있습니다.

+0

Nah, ./src가 아닌 다른 경로에서'@ import'가 있기 때문에 도움이되지 않습니다. 어쨌든 고마워. –

+0

맞아. 걱정마. 그래, 나는 보드 전체에서 절대적으로 사용하기는하지만 일을 더 쉽게 만들지 만, 당신의 경우에는 적용하지 않는다. – Chris