reactjs SCSS/SASS在使用React的MicroFront中不工作

gcmastyq 于 10个月前发布在 React

关注(0)|答案(2)|浏览(98)

你好，我是React JS中的MicroFront End新手。我正在尝试在React JS中使用MicroFront End开发SCSS。我有两个文件。
1：_variable.scss 2：style.scss
下面是我想在我的应用程序中工作的代码。

//_variable.scss

$base-color: #c6538c;

:export{
    baseColor:$base-color;
}

个字符
我正在为应用程序的主体分配背景值。但它不起作用
任何帮助将是伟大的。

2条答案

如果你看一下这个thread，你会发现你不需要使用url()方法，尝试将你的style.scss文件改为

@import '_variable';

body {
    background: $base-color;
}

字符串

实际上，你不需要显式地导出你的变量。所以，你可以做的是：

//variable.scss

$base_color: #c6538c;

字符串
以及：

//style.scss

@import 'variable.scss';

body{
    background: $base_color;
}

型
另外，要注意导入：

@import“./variable.scss”