为 VS Web Essentials 2013 自定义 RTLCSS 配置

Question

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{username}\AppData\Local\Microsoft\VisualStudio.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 文件版本吗？

Answer 1

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

package.json

要编辑全局 RTLCSS 设置，请打开 Web Essentials 菜单，然后 select "Edit global RTLCSS settings (.rtlcssrc)"

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

Customise RTLCSS config for VS Web Essentials 2013