Web Essentials的RTLCSS工具不起作用

Question

我在Visual Studio 2013中使用Web Essentials扩展。

我想使用Web Essentials'CSS RTL tool。但是当我在我的CSS文件上运行该工具时，没有任何反应。

Web Essentials不会生成任何RTL文件。我发现当css文件有css.map文件时，Web Essentials也可以生成RTL文件。

如何为每个CSS文件生成RTL文件？

Answer 1

该问题与最新的web essentials软件包（v2.5）有关，该软件包具有更新的postcss版本，默认情况下启用内联源映射。

如果您无法编译this branch并使用生成的包，请执行以下操作：

1. 关闭Visual Studio。

2. 转到C:\Users\{username}\AppData\Local\Microsoft\VisualStudio\12.0\Extensions\{webessentials}\Resources\nodejs\tools\server\services

   其中 {username} 是您的用户名， {webessentials} 是随机生成的文件夹名称，其中包含网络必需品文件。

3. 打开srv-rtlcss.js搜索map = result.map.toJSON();并将其替换为：

   if (typeof result.map !== 'undefined'){
     map = result.map.toJSON();
   }
   

4. 保存文件，打开Visual Studio并运行RTLCSS。

如果您需要进一步的帮助，请告诉我们！