我的 css 文件不会自动从我的 scss 文件编译答案

【问题标题】：My css file is not automatically compiling from my scss file我的 css 文件不会自动从我的 scss 文件编译
【发布时间】：2019-11-07 03:11:47
【问题描述】：

对于 UI/UX，我使用扩展名 .scss，它应该会自动编译成 css。为什么我的.scss 没有自动编译成css 文件？

【问题讨论】：

你应该使用node.js评论提示
因为浏览器只接受实际的 CSS。 SCSS 旨在使编写 CSS 的繁琐和重复过程变得更容易，但浏览器本身并不直接支持它。那是。因为 SCSS 被称为预处理器，它将代码处理成浏览器实际上可以在上线之前使用的东西。您应该考虑在他们的网站 (sass-lang.com/guide) 上使用 SASS 以开始正确编译它（或者您可以使用类似 Parcel 的东西一次编译所有内容并获得可以直接使用的输出）。
你在使用 webpack 之类的打包工具吗？
你必须编译它https://stackoverflow.com/questions/52165157/when-to-compile-sass
“为什么我的 .scss 不能自动编译成 css 文件” - 可能是因为您没有正确设置负责自动编译的机制……？但是到目前为止，您的问题缺少任何有用的信息。请阅读How to Ask，然后向我们详细介绍您的设置。

标签： css sass

【解决方案1】：

浏览器不会将 .scss 文件转换为 .css 文件。我们假设将其转换并馈送。有很多方法可以转换它。其中一个选项是 webpack。请检查您是否可以使用它。 webpack自带css加载器、样式加载器。

希望对您有所帮助。

【讨论】：

这更像是一个评论，为什么它是一个答案？

【解决方案2】：

就像在 cmets 中一样，您将需要带有 npm 或 yarn 的 node.js 来更新您编译的 css 文件。也许如果你已经安装了，试试 yarn run dev 或 npm run dev 之类的。不知道它是怎么写的，但我想如果你在互联网上搜索这些关键词你会发现它。

编辑：

您可能想要采取的步骤：安装node.jshttps://nodejs.org/en/download/ 在控制台中尝试（在您的项目中，在 VSC 中使用 CTRL + SHIFT + ` 打开控制台）并编写类似 npm run dev 的内容。（每次你想更新你的 css 时都需要这个。使用 npm run watch 也可以工作，每次保存你的 css 文件时都会更新（与 run dev 相同，但现在是自动的）。

【讨论】：

此是评论，如果您还没有评论的声誉，请回答一些问题，您将立即获得 50 个代表。与此同时，这不是答案。
不能真正接管他的电脑并为他做这件事。他需要自己做。或提供更多信息。
" $ npm run 在modern_portfolio 中可用的脚本通过npm run-script: sass node-sass -w scss/ -o dist/css/ --recursive " 我想，我已经设置了node js，当我在 scss 文件中写入它应该编译为 css 文件，因为在 index.html 中，我与 css/main.css 文件链接，当我开始实时服务时会发生什么变化
所以您在 scss 文件中所做的更改（如背景颜色）根本不起作用？如果你检查你的网站有没有颜色改变？你已经在你的项目中安装了 nodejs 了吗？通过从上面安装链接，然后在控制台中编写 npm install 节点（如上所述）。您可以在程序中看到您将拥有一个 node_modules 目录。同样在您的 package.json 中，您应该找到您的 npm run dev 和 else 命令（如果我错了，请纠正我）。希望这些检查有所帮助！
sass-lang.com/guide 这个网站也可能有帮助^^。检查 sass --watch 命令。

【解决方案3】：

感谢那些花时间为我提出的问题做出贡献的人！每一份贡献都是我解决问题的舞台

我如何解决我的问题是，在终端“npm run sass”中写入。终端提供“package.json 脚本”的输出并将其保留为空白，直到您更改 sass 文件中的任何内容并保存。

终端将呈现您的网站，并在浏览器中显示您的更改

希望这对网络开发的初学者有所帮助..

【讨论】：