问题标签 [web-compiler]

我刚刚用全新安装的 Visual Studio 2015 重建了我的机器。我还安装了 Web Essentials 和 Web Compiler 的扩展，但这些似乎引起了问题

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

工作示例：

非工作示例：

我相信你能理解这很烦人！

我很确定这与 Web Essentials 或 Web Compiler 有关，因为这不是事先的问题。除此之外，我在启动时收到以下错误：

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

错误 编辑器或编辑器扩展

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

我的项目使用 Web Essentials 在 Visual Studio 2013 中编译我们的样式 .less 文件。随着升级到 VS2015 并进一步更新到 Web Essentials 2015，我们了解到 Web Essentials 2015 不支持编译更少的文件（链接）

因此我们必须使用 grunt 或 web 编译器来编译更少的文件。两者看起来都不像网络必需品那样流畅。

我尝试了 Web Compiler，但它似乎不适用于我们的嵌套文件，因此它在我们的样式变量上出现错误。

还有一些错误：

有谁知道如何用 Web Compiler 解决这个问题？如果没有，grunt 或 'Bundler & Minifier' 效果更好吗？

我很难通过 Mads Kristensen 的Web 编译器扩展来找出可用于不同文件类型的选项。我在某处缺少清单吗？我们遇到了这个错误的问题：

代码生成器对“index.js”的样式进行了优化，因为它超过了“100KB”的最大值。

当我们尝试缩小较大的 JavaScript 文件时。这似乎是由于 Babel 的问题，我假设 Web 编译器正在使用它，但我希望将来也能提供一个完整的选项列表。

我有很多文件较少的项目，我用于 Visual Studio 2015 的 Web 编译器（开发人员Mads Kristensen）扩展。

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

我不明白，如何创建包含现有项目中所有较少文件的新 compilerconfig.json 文件？

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

我们没有选项以自动方式创建包含所有较少文件的新compilerconfig.json？

更少的 Web 编译器

在 VS 2015 中生成地图文件的 Web Essentials（Web 编译器）选项在哪里？在 2013 年，当前版本只是“工具 -> 选项 -> Web Essentials” 较少的选项非常隐藏。我想要地图文件并在构建时编译。Web Essentials/Web Compiller 2015 是否有可能？

这是我对 Web Essentials 2013 问题的回答： 使用 WebEssentials 创建 LESS 源映射文件

我已经安装了 Visual Studio 2015，并且由于 Web Essentials 不再编译.less文件，我安装了用于编译文件的 Web 编译器插件.less。

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

我对带有 VS2015 Update 1 和 Sass 的 Web 编译器有疑问。

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

例子 ：

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

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

有没有办法解决这个问题？

我已经安装了 Mads Kristensen 的 Web Compiler 1.11.315，现在我正在尝试对其进行配置以识别我的 Compass 导入。

Compass修改了 SASS，因此，我一直无法弄清楚如何正确安装它。我能做的最好的事情是通过将这些文件复制到包含文件夹并将我的文件指向它来包含Compass 样式表。compilerconfig.json

这有效 - 直到您引用使用 Compass 安装的某些 SASS 扩展的 mixin：例如，在 CSS3 mixin 中使用供应商前缀的旧版浏览器支持。

所以，我想做的是用 Web 编译器正确安装 Compass。

有没有人设法做到这一点？如果是这样，请解释一下。我一直无法在谷歌上找到任何东西。

Compass 的 Ruby 模块需要由 SASS 加载，但 Web Compiler 似乎无法做到这一点，因为它使用基于 libsass 的 node-sass 并且不使用 Ruby。Web 编译器的 SassCompiler

因此，我需要找到一个不扩展 SASS 或以 libsass 支持的方式扩展的替代方案。

我正在尝试通过浏览器特定的 CSS hack 来定位 IE 8 和 9，如此处所示。但是，我使用的是 SASS（特别是 WebCompiler Visual Studio 扩展），它会编译分号前的尾随空格。因此

变成

并打破了黑客。有没有办法解决这个问题？

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

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

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

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

我正在使用 Visual Studio 2015 v.3 和 Web 编译器 2016 年 8 月 2 日更新，版本 1.11.319。