3

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

在此处输入图像描述

padding-left这将自动更改 CSS 属性,例如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文件进行特定于解决方案的设置。我可以自定义此文件以使用srv-rtlcss.js可以包含在 MVC 解决方案中的文件版本吗?

4

1 回答 1

2

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

  • 将您的配置放入属性package.json下的项目文件中。rtlcssConfig
  • 使用特殊文件.rtlcssrc.rtlcssrc.json

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

在此处输入图像描述

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

于 2015-10-30T11:23:22.143 回答