代码之家 › 专栏 › 技术社区 › one-hand-octopus

如何导入scss文件并在React应用程序中全局使用它们?

sass reactjs

one-hand-octopus · 技术社区 · 4 年前

我的React应用程序结构如下:

-src
|-components
 |-Card.js
 |-Card.scss
 |-Navbar.js
 |-Navbar.scss
|-styles
 |-_mixins.scss
 |-_variables.scss
|-App.js
|-App.scss

我用 node-sass 所以对于x分量,我只需要 import component-x.scss 应用scss文件。但是我有 _mixins.scss 和 _variables.scss import 他们在每个 scss 文件。如何全局导入这些文件,以便可以在任何地方使用它们?

1 回复 | 直到 4 年前

Martin Gainza Koulaksezian 4 年前

main.scss 全部导入!

/********************************SASS MAIN***********************************/
//COMPONENTS
@import "components/card";
@import "components/navbar";

//STYLES
@import "styles/mixins";
@import "styles/variables";

然后在你的应用程序.js只是 import 'main.scss'

here