标签: web-compiler

最近，当我编译我的scss文件时，出现错误。错误消息显示：

浏览器列表：caniuse-lite已过时。请运行下一个命令npm update caniuse-lite browserslist

首先，如消息所述，我运行了“ npm update caniuse-lite browserslist”，但没有解决问题。我删除了整个nod-modules目录，然后再次安装，也通过npm update更新了整个文件夹，但没有一个解决了问题。我还重新安装了autoprefixer和browserslist，但没有一个解决了这个问题。如果我删除

"options": {
      "autoPrefix": "> 1%"
    }

从我的editorconfig.json中，一切正常，这意味着它可能与自动前缀相关。另外，我在package.json上将软件包版本手动更改为最新版本，然后重新安装，但没有运气。

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

我创建了一个 scss 文件（它使用 webcompiler 扩展编译为一个 css 文件），其前缀与我的组件相同：

我已经在我的 index.html 文件中包含了生成的 css：

<link href="FinNodeWASM.Client.styles.css" rel="stylesheet">

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

但是，当我查看生成的 HTML 时，我在那里没有看到预期的分数标识符属性：

我有很多文件的项目,我用于Visual Studio 2015的Web编译器(开发人员Mads Kristensen)扩展.

我创建compilerconfig.json的方法是编译单个文件,然后手动编辑该文件,以处理项目中所有其他较少的文件.我确定这是错误的方式......

我不明白,我怎么能创建包含现有项目中所有较少文件的新compilerconfig.json文件？

因为在这种情况下,当我添加新的less文件时,添加文件的唯一方法是转到compilerconfig.json并手动添加它.

我们没有选择用自动方式创建新的compilerconfig.json文件吗？

减少Web编译器

我刚刚用Visual Studio 2015重新安装了我的机器.我还安装了Web Essentials和Web编译器的扩展,但这些似乎导致了一个问题

例如,在安装Web Essentials和Web编译器之前,如果我正在编辑Razor视图,如果当前元素被格式化为几个标签,并且我按下回车键,则光标将自动标签到正确的位置.

工作实例:

<ul>
    <li> <!--press enter here-->
        |<!--would put cursor here-->
    </li>
</ul>

非工作示例:

<ul>
    <li> <!--press enter here-->
|<!--put's cursor here-->
    </li>
</ul>

这是因为我相信你能理解的很烦人!

我很确定它与Web Essentials或Web编译器有关,因为这不是一个问题.除此之外,我在启动时收到以下错误:

这似乎是ActivityLog.xml的罪魁祸首

错误 编辑器或编辑器扩展

System.Reflection.TargetInvocationException:调用目标抛出了异常.---> System.ArgumentException:已添加项目.密钥字典:'RazorSupportedRuntimeVersion'密钥被添加:System.Collections.Hashtable.Insert(Object key,Object nvalue,Boolean add)中的System中的System.Collections.Hashtable.Add(Object key,Object value)中的'RazorSupportedRuntimeVersion'. Microsoft.VisualStudio.Html.Package.Razor.RazorVersionDetector.Microsoft.Html.Editor上的Microsoft.VisualStudio.Utilities.PropertyCollection.AddProperty(Object key,Object property)中的Collections.Specialized.HybridDictionary.Add(Object key,Object value). ContainedLanguage.Razor.Def.IRazorVersionDetector.GetVersion(ITextBuffer textBuffer)at Microsoft.Html.Editor.ContainedLanguage.Razor.RazorUtility.1.CreateTagger[T](ITextBuffer textBuffer) at Microsoft.VisualStudio.Text.Tagging.Implementation.TagAggregator1.GatherTaggers(ITextBuffer textBuffer)

我安装了Visual Studio 2015,由于Web Essentials不再编译.less文件,我安装了Web Compiler插件来编译.less文件.

问题是我似乎无法将其设置.less为.css在保存时自动编译文件..less在保存时编译文件可以做些什么？

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

[
  {
    "outputFile": "wwwroot/assets/css/pages/",
    "inputFile": "wwwroot/assets/sass/pages/**/*.scss",
    "minify": { "enabled": true },
    "includeInProject": true,
    "options": { "sourceMap": true }
  }
]

我正在使用 Web 编译器，但它不会编译我的 SASS 结构，除非我右键单击“compilerconfig.json”并选择“Web-compiler”-->“重新编译所有文件”。

当我使用其他方法触发编译时...

• 当我保存 SCSS 文件时（最重要）
• 当我转到菜单“构建”->“重新编译解决方案中的所有文件”时
• 当我使用短命令 Shift + Alt + Y

它会告诉我“编译成功”或“编译完成”，但是文件没有更新。

我正在使用 Visual Studio 2015 v.3 和 Web Compiler UPDATED 8/2/2016，VERSION 1.11.319。

我正在使用Visual Studio 2017 的Web 编译器。编译单个文件很容易，因为帮助就在那里。

但是，我想缩小项目中的多个 JavaScript 文件，但我找不到具体方法。这是我拥有的文件列表：

/scripts/framework.js\n/scripts/validation.js\n/scripts/normalization.js\n/scripts/shim.js\n\xe2\x80\xa6\n

我想要做的是将所有这些文件捆绑并缩小到一个 JavaScript 文件中：

/scripts/all.js\n

我如何使用 Web 编译器来做到这一点？

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

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

$color: blue;

.button {
    background-color: $color;
}

这被编译为：

.button {
    background-color: blue;
}

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

$color: red !default;

.button {
    background-color: $color;
}

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

@use 'base' with (
  $color: blue
);

我预计编译后的输出将与原始示例相同：

.button {
    background-color: blue;
}

但这就是我得到的：

@use 'base' with (
  $color: blue
);

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

Web编译器与VS2015 Update 1和Sass有问题.

在我的Scss文件中,我将一些图像声明为背景.

示例:

.example {
     background-image: url(images/ex.jpg);
}

在文件compilerconfig.json中,outPutFile不在同一目录中.在文件compilerconfig.json.defaults中,我在sass部分中将relativeUrls设置为false.当我编译时,url变得相对像:

.example {
         background-image: url(../../../../../images/ex.jpg);
    } 

我对导入的文件有同样的问题.

有什么方法可以解决这个问题吗？