小编Sri*_*ugu的帖子

react组件中访问scss变量的问题

按照链接https://mattferderer.com/use-sass-variables-in-typescript-and-javascript

希望访问 react 组件中的 scss 变量。不确定我需要在反应组件中调用什么导入名称,因为如果我给出如下导入语句,它会显示一个错误,因为找不到模块“../scss/_variables.scss”;

import _variables from '../scss/_variables.scss';
Run Code Online (Sandbox Code Playgroud)

这里 _variables.scss 是包含的文件名

 // variables.scss
$white-color: #fcf5ed; 

:export {
  whitecolor: $white-color; }
Run Code Online (Sandbox Code Playgroud)

我正在挠头以获取 react 组件中可用的“whitecolor”变量。

另外,我正在使用 webpack 如下

{
 test: '/.scss$/',
 use: [{
  loader: 'style-loader' // creates style nodes from JS strings
 }, {
  loader: 'css-loader' // translates CSS into CommonJS
 }, {
  loader: 'sass-loader' // compiles Sass to CSS
 }]
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

任何帮助将不胜感激!

sass reactjs

1
推荐指数
2
解决办法
1458
查看次数

标签 统计

reactjs ×1

sass ×1