为VS 2013年网页要点定制RTLCSS配置

Question

Visual基本要素具有自动生成CSS文件的右向左变体的能力.

​

​

这将自动将CSS属性(如padding-left )更改为padding-right。

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

Web使用RTLCSS来完成这一任务，我知道可以将这些功能配置为关闭其中一些功能。

​

​

在Visual中，没有明显的选项可以通过Web基本要素配置RTLCSS。

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

C:\Users{username}\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 } });

是否可以为解决方案配置RTLCSS？

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

Answer 1

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

• 将配置放入rtlcssConfig属性下的projects rtlcssConfig文件中。
• 使用特殊文件.rtlcssrc或.rtlcssrc.json

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

​

​

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