SCSS 不专门在 REACT 应用程序中工作
SCSS not working within a REACT app specifically
我很确定它是我的编译 Sass 脚本的文件夹文件路径，但我已经在这几个小时了，所以我希望你能帮忙......（也许有关于 IDK 的设置设置吗？...
两个相似的项目 - 1 个 Vanilla，1 个 React。
1. 我有 node、NPM 和 node-sass 已安装；通过：npm i --save-dev node-sass
2. 我有实时sass 编译器。在香草上它按预期工作。在 React 项目中，live-sass-compiler 不断崩溃（尽管它工作的时间足够我测试它），当我在终端中 运行 时：npm 运行 compile:sass terminal变成node，一直编译不通过，貌似也卡在这个状态
请帮忙！
现在是差异：
==========文件路径==========
（文件路径用“./”表示，多个文件用数组语法表示。
香草（根）：
index.html（样式表 href="./STYLES/SCSS/index.css"）
index.js
./STYLES/ [index.css, index.css.map, index.scss]
package.json (脚本: "compile:sass": "node-sass STYLES/SCSS/index.scss STYLES/output.css -w")
效果很好！
反应（根）：
./public/index.html (stylesheet href="../src/STYLES/CSS/index.css")
./src/index.js
.src/STYLES/ [index.scss,（需要css输出）]
package.json (脚本: "compile:sass": "node-sass src/STYLES/index.scss src/STYLES /CSS/index.css -w")
在这两个文件中，在 node-modules 文件夹中，我安装了：
"devDependencies": {"node-sass": "^7.0.1"}
嘿，我想通了！
- 我摆脱了 live-sass-compiler（它已贬值).
- 我还删除了 "script: "compile:sass": "node-s..."" 因为它不再需要了。每次保存文件时都会自动进行编译。
与 REACT 一起使用：
航站楼：
npm install -D sass
sass —观看 scss:css
1. 添加一个 .env 文件到根目录。内部类型：“SASS_PATH=src/STYLES/SCSS”
（这允许在以前的版本中忽略相对路径。我还没有让它工作，但其他一切似乎都工作。它可能会被折旧...... IDK。）
2. 将文件路径导入到您希望 CSS 所在的 JS 页面：
(示例（针对 APP-WIDE 更改）：index.js: import './STYLES/index.scss' // 导入应用程序组件
3. 从 index.scss 导入另一个文件：
在 index.scss 文件中：
@use './SCSS/_unorganized.scss'; // ("@import" 即将贬值，改用@use)
希望这能为其他人节省一些时间！
我很确定它是我的编译 Sass 脚本的文件夹文件路径，但我已经在这几个小时了，所以我希望你能帮忙......（也许有关于 IDK 的设置设置吗？...
两个相似的项目 - 1 个 Vanilla，1 个 React。
1. 我有 node、NPM 和 node-sass 已安装；通过：npm i --save-dev node-sass
2. 我有实时sass 编译器。在香草上它按预期工作。在 React 项目中，live-sass-compiler 不断崩溃（尽管它工作的时间足够我测试它），当我在终端中 运行 时：npm 运行 compile:sass terminal变成node，一直编译不通过，貌似也卡在这个状态
请帮忙！
现在是差异：
==========文件路径==========
（文件路径用“./”表示，多个文件用数组语法表示。
香草（根）：
index.html（样式表 href="./STYLES/SCSS/index.css"）
index.js
./STYLES/ [index.css, index.css.map, index.scss]
package.json (脚本: "compile:sass": "node-sass STYLES/SCSS/index.scss STYLES/output.css -w")
效果很好！
反应（根）：
./public/index.html (stylesheet href="../src/STYLES/CSS/index.css")
./src/index.js
.src/STYLES/ [index.scss,（需要css输出）]
package.json (脚本: "compile:sass": "node-sass src/STYLES/index.scss src/STYLES /CSS/index.css -w")
在这两个文件中，在 node-modules 文件夹中，我安装了：
"devDependencies": {"node-sass": "^7.0.1"}
嘿，我想通了！
- 我摆脱了 live-sass-compiler（它已贬值).
- 我还删除了 "script: "compile:sass": "node-s..."" 因为它不再需要了。每次保存文件时都会自动进行编译。
与 REACT 一起使用：
航站楼：
npm install -D sass
sass —观看 scss:css
1. 添加一个 .env 文件到根目录。内部类型：“SASS_PATH=src/STYLES/SCSS”
（这允许在以前的版本中忽略相对路径。我还没有让它工作，但其他一切似乎都工作。它可能会被折旧...... IDK。）
2. 将文件路径导入到您希望 CSS 所在的 JS 页面：
(示例（针对 APP-WIDE 更改）：index.js: import './STYLES/index.scss' // 导入应用程序组件
3. 从 index.scss 导入另一个文件： 在 index.scss 文件中： @use './SCSS/_unorganized.scss'; // ("@import" 即将贬值，改用@use)
希望这能为其他人节省一些时间！