问题标签 [web-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.

0 投票
1 回答
377 浏览

sass - 我的 WebCompiler 扩展使用哪个版本的 SASS?

我正在使用 VS 的WebCompiler扩展,我正在尝试找出它使用的 SASS 版本。我这辈子都想不通。

我尝试在github repochangelog中查看扩展信息(在 VS 中) 。

现在我想知道它是否在 SASS 的内部版本上使用,是否从其他地方引用它。

请有人能指出我正确的方向吗?

0 投票
2 回答
295 浏览

asp.net-core - ASP.NET Core 中的 SASS:映射文件指向不正确的位置

我有一个 ASP.NET Core 应用程序,我正在使用 SASS 生成 css。

我的项目文件结构是这样的:

可以通过 web 路径访问 CSS 文件/css/index.css

我希望能够通过 Chrome 开发者工具中的 SASS 文件诊断 css 规则。

问题是 Chrome 使用地图,但给出的 SASS 文件路径不正确。它认为文件在该位置/css/wwwroot/css/index.scss,而不是/css/index.scss

在此处输入图像描述

以下是文件内容compilerconfig.json.defaults

是否可以添加其他设置以使 SASS 文件位于正确的路径?

0 投票
2 回答
2189 浏览

sass - 为什么 @use 在 Web Compiler Visual Studio 扩展中不起作用?

我正在使用 Web 编译器扩展 (1.12.394) 运行 Visual Studio 2019 (16.3.9) 来编译 scss 文件。

这是一个有效的简单案例。我有一个文件 - test.scss:

这被编译成这样:

但是,如果我尝试执行此处概述的操作 - https://sass-lang.com/documentation/at-rules/use#configuring-modules - 它似乎不起作用。我创建另一个文件 - _base.scss:

然后我将我的 test.scss 文件更改为:

我希望编译后的输出与原始示例相同:

但这就是我得到的:

我的猜测是编译器对@use 规则不满意,但我没有看到任何错误。_base.scss 和 test.scss 在同一目录中。我只是 Sass 的新手,但这肯定是可能的吗?

0 投票
0 回答
51 浏览

css - 如何导入引导 scss 避免在最终 css 中复制标题或类语句?

我正在尝试为 bootsrap 定制编译一个简单的 SCSS 文件。按照一些指导方针,我导入了原始的 bootrap SCSS 并添加了一些更改。编译器是“Web 编译器”,一个 Visual Studio 扩展。这是用作源的 SCSS 文件:

我在最终结果中看到的是,我的指令没有在原始引导 SCSS 文件声明中实现,结果在 CSS 中被覆盖。相反,它们只是作为额外指令添加到文件末尾。

这是 CSS 结果:

我不太喜欢这个,我希望看到这两个东西融合在一起。有没有办法得到它?提前致谢。

0 投票
3 回答
5644 浏览

.net - 在 Visual Studio 2019 上使用 .sass 扩展文件

我在 Visual Studio 2019 上使用 Web 编译器扩展从 scss 文件编译为 css,它工作正常。

但是,当尝试合并使用 .sass 扩展文件的 bulma css 框架时,它似乎无法识别这些文件。

你知道是否有一种简单的方法可以在 Visual Studio 2019 上将 .sass 扩展文件编译为 .css 吗?

0 投票
1 回答
443 浏览

sass - 错误:找不到或无法读取要导入的文件:node_modules/bootstrap/

当我尝试导入其他 scss 文件时,WebCompiler 出现了一个奇怪的问题。我的同事在我的团队中都没有这个问题,我们不知道是什么原因造成的,所以我希望你能帮助我。

我们有这样的进口:

在多个文件中,但 VS 2019 在最新更新后抛出了这个异常:

我尝试过了:

  1. 重新安装 WebCompiler。
  2. 让 Visual Studio 重新创建 %localappdata%\temp\WebCompiler1.X 文件夹(出于某种原因,我有 2 个 WebCompiler 文件夹,每次我让 VS 重新创建它们时,都会生成它们。)

它在错误消息中提到的文件肯定存在,所以我认为它根本无法读取它们,但我不知道为什么。

0 投票
1 回答
1671 浏览

asp.net-core - 我可以使用 WebCompiler 使用 Github Actions 和 ASP.NET Core 3.1 编译 SASS 文件吗?

我有一个 ASPNET Core 3.1 MVC Web 应用程序。我在项目中添加了一个 .SCSS 文件,并在构建项目时安装了WebCompiler Visual Studio 扩展来编译 SCSS 文件。我已启用自定义构建步骤,以便运行dotnet build将运行 WebCompiler 并生成.css输出文件。

我现在正在尝试通过 Github Actions 自动执行此操作,并且 WebCompiler 在构建过程中失败:

尝试在本地复制构建(带有 dotnet sdk 3.1 的 Ubuntu 20.04)会产生相同的错误 - 所以我猜 WebCompiler 只是简单地在 Linux 上不起作用......有人知道启用或解决这个问题的方法吗?所有项目文档都说它具有“对 CI 场景的 MSBuild 支持”——没有明确说明我是否应该期望它与 Linux 一起工作。

0 投票
3 回答
11462 浏览

sass - 迁移到 .NET 5.0 并使用 SASS 后,Blazor CSS 隔离不起作用且未添加范围标识符

我最近将一个宠物项目从 Blazor .NET 3.1 迁移到 .NET 5.0,并试图切换到使用 css 隔离。

我创建了一个与我的组件具有相同前缀的 scss 文件(它使用 webcompiler 扩展名编译为 css 文件):

SCSS

我已将生成的 css 包含在我的 index.html 文件中:

Dotnet 正在正确生成 css 并按预期附加范围标识符属性: 生成的 CSS

但是,当我查看生成的 HTML 时,我看不到预期的分数标识符属性:

在此处输入图像描述

0 投票
0 回答
66 浏览

sass - 我想在 VS2019 中使用 Web 编译器编译位于文件夹中的所有 *.scss 文件

是否可以使用 Visual Studio 2019 中的 Web 编译器编译位于文件夹中的所有 .scss 文件?我不想指定每个文件。我尝试过这样的事情。

0 投票
0 回答
38 浏览

css - 使用 CSS LESS 每个函数的未声明变量

我在 Visual Studio 2019 中使用 WebCompiler 在我的项目中编译一些 LESS 文件。

下面的 LESS 函数导致 VS 显示绿色波浪线和警告“预期样式规则的选择器”,并声明@{value}变量是“未声明”。然而,该项目将成功编译,并且 LESS 是从...正确编译的

对 CSS...

我尝试了另一个格式几乎相同的each函数并得到与上面相同的警告,但这不会成功编译。我错过了什么?

预期输出...