问题标签 [live-sass-compiler]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 是否可以在 vue cli 中使用 Live Sass 编译器？
我想将 live sass 编译器与 vue cli 一起使用。似乎无法弄清楚如何创建一个 css 文件来查看更改。我的settings.json：
css - VS Code 不允许我使用 sass --watch 编译 sass
我正在尝试使用终端编译 sass。我已经安装了 node.js，并且在使用 Live Sass 时没有任何问题，但是，每次我尝试编译我的 sass 时，我都会得到这个：
我正在尝试使用@use，我知道 Live Sass 编译器不会让我这样做。有什么我做错了吗？还是我需要安装的其他东西？哦，我已经使用npm install sass.
sass - 即使有错误，Live sass 编译器也能成功编译
我注意到 watch sass 编译成功，即使一个部分有一个大错误，比如不存在的变量。它确实在终端中显示了错误，但是如果我正在编译许多文件，则错误会在终端提要中丢失，并且“成功✓”会显示何时应该是错误。
有什么可以通过设置完成的吗？在我构建自己的最多 1-2 个部分的网站之前，这不是问题。现在我使用 ~8+ 部分，因此很容易错过终端错误消息。
这是我的设置：
visual-studio-code - 实时 Sass 编译器
我正在使用实时 sass 编译器，但是当我单击 watch sass 按钮时，它总是显示“正在处理它”。这是我的代码
css - 使用 VSC Live Sass 编译器，有没有办法创建多个源目录输出到各自的 CSS 目录？
我正在使用 VS Code 和 Live Sass 编译器来处理我的 SCSS 文件。我们有各种页面的标准样式。这些文件来源于~/scss并编译为~/dist/css/.
但是，我开始编写自定义组件，并且我想以不同的方式链接这些组件 SCSS 文件。这些将来自~/scss/components并编译为~/dist/css/components.
有没有办法，使用 Live Sass 编译器设置创建两个源目录，并基于我的源目录 - 编译到相应的输出目录？
如果有其他 Sass 编译器可以做到这一点，请告诉我。这是一个非常大的网站，我需要第一次把它做好。
css - 在 Live Sass 编译扩展中编译的 custom.css 文件缺少行
我正在尝试使用 Live Sass Compile Extension 编辑新主题的 css 和 scss 文件。当我编译该文件时，custom.css 的行数下降到 7000。而 custom.css 文件通常有 23142 行。我也在网上试过，结果是一样的。为什么？
django - bulma sass 编译器在 django 项目中编辑 .scss 文件时出现错误
我正在做一个 django 项目，我正在使用 bulma。我运行python3 manage.py sass-compiler --watch，当我编辑mystyles.scss文件时，有时我会收到一些像这张图片一样的错误，它会停止，但有时没有错误或停止。问题出在哪里？
visual-studio-code - 将 SCSS 文件部分编译成 CSS
我使用带有扩展名“live SASS Compiler”的lates Vscode。我想使用bootstrap，所以我在html中链接了一个style.css文件，它应该有所有编译好的bootstrap.css代码（包括我的）。为了自定义 Bootstrap 主题，我有另一个 style.scss 文件，它导入本地 bootstrap.scss 文件。现在在 style.scss 中导入本地 bootstrap.scss 文件后，我将 scss 文件编译/转译（观看）到 style.css 文件中，该文件有效但部分，只有我添加的额外 scss 代码部分被转译为 css，不包括所有 bootstrap.css 代码。这就是为什么我的 html 没有使用 style.css 进行引导。
为了简单起见，我提到了代码部分。这是html文件：
这是 style.scss 文件，我将这个 style.scss 观察/转换成 style.css
这是转译后的 style.css 文件（仅转译了部分代码）：
如您所见，转译后的 style.css 文件没有所有引导 css 代码，这就是为什么 html 没有与引导程序链接的原因（引导程序仅在我将其单独链接到另一个链接标签时才有效）。如何使其与 style.css 一起用于引导主题自定义？
注意它的npm项目，我用npm下载bootstrap。
javascript - 自动保存主 scss 文件，而不必手动保存
我的文件夹结构如下
我在 vscode 中使用“live sass 编译器”来观看文件。但是每次我更新像 _globals.scss 这样的其他 scss 文件时，我都必须手动保存 style.scss 以反映更改。是否有解决方法来自动保存 style.scss 而不必手动保存。
我用于实时 sass 编译器的 settings.json 如下：
css - SCSS 变量未全局应用
我有一个变量和部分画廊：_variables.scss，_gallery.scss
当我导入仅包含一行的变量文件时，$primary: #e0291a;它在主style.scss文件中有效，但在_gallery.scss文件中无效。
我的项目只会增长，但我真的需要在每个后续部分文件中导入变量文件吗？
我正在使用 VSCode Live Sass 编译器。这些变量适用于我几年前设置的自定义 webpack/laravel 混合脚本，但不适用于此扩展。
有没有一种方法可以简化变量导入而不在每个 scss 文件中添加该行？
style.scss（主文件）：
_variables.scss：
_gallery.scss：