为 VS Web Essentials 2013 自定义 RTLCSS 配置答案

【问题标题】：Customise RTLCSS config for VS Web Essentials 2013为 VS Web Essentials 2013 自定义 RTLCSS 配置
【发布时间】：2015-10-29 11:19:53
【问题描述】：

Visual Studio Web Essentials 能够为 CSS 文件自动生成从右到左的变体。

这会自动将 CSS 属性（例如 padding-left）更改为 padding-right。

不过，它还可以执行其他操作，例如将文件名从“right.png”更改为“left.png”。

Web Essentials 使用 RTLCSS 执行此操作，我知道可以将其配置为关闭其中一些功能。

Visual Studio 中没有明显的选项可以通过 Web Essentials 配置 RTLCSS。

我知道 Web Essentials 正在使用以下文件通过 NodeJS 使用 RTLCSS：

C:\Users{用户名}\AppData\Local\Microsoft\VisualStudio\12.0\Extensions{webessentials}\Resources\nodejs\tools\server\services\srv-rtlcss.js

我可以更新此文件中的以下行以添加自定义选项，但这将特定于我的机器，而不是我正在使用的 MVC 解决方案：

var config = configLoader.load(null, path.dirname(sourceFileName), { options: { minify: false } });

有没有一种方法可以专门针对我的 MVC 解决方案为 Web Essentials 配置 RTLCSS？

例如，我知道 Web Essentials 允许通过 WebEssentials-Settings.json 文件进行特定于解决方案的设置。我可以自定义此文件以使用可以包含在 MVC 解决方案中的 srv-rtlcss.js 文件版本吗？

【问题讨论】：

【解决方案1】：

可以使用以下方法之一设置配置：

要编辑全局 RTLCSS 设置，请打开 Web Essentials 菜单，然后选择“编辑全局 RTLCSS 设置 (.rtlcssrc)”

这将为您创建默认配置并将其放置在 C:\Users\{username} 中，要使这些设置本地化，请创建 .rtlcssrc 的副本并将其放置在您的项目中。

【讨论】：