问题标签 [rtlcss]

我是 JavaScript 的初学者，我正在尝试使用rtlcss 库将 css 文件从 ltr 转换为 rtl。我正在使用此代码，但它显示 2 个错误：

我的代码

我相信我做错了什么，这不是图书馆的问题..所以有人可以帮忙吗？

我最近决定使用RTLCSS来制作我的样式表的 RTL 版本。现在我正在尝试使用声明级指令来告诉 RTLCSS 做什么，但是 SASS 将我的评论编译到下一行。

例如，font-size: 14px/*rtl:15px*/;编译为

这会阻止 RTLCSS 正确处理它。有没有解决的办法？我可以将 sass 配置为按原样编译值，保留注释位置吗？

PS 我使用 grunt-sass(node-sass) 来处理我的 scss 文件。

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 解决方案：

有没有办法专门为我的 MVC 解决方案配置 Web Essentials 的 RTLCSS？

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

听起来可能很愚蠢，但我最近开始使用 laravel mix 来编译 scss 和 js 文件。但我无法理解一些事情。

我想使用 rtlcss npm 来制作 twitter-bootstrap rtl。这是 Laravel 默认的 app.scss 资源

这是默认的 app.js 资产：

我已经通过节点包安装了 rtlCSS，现在我想要发生的是当我运行npm run dev或观察程序时，它编译引导 scss 文件并使其成为 RTL 并将其放在公共 css 目录中，就像使用默认 LTR 一样那是。

我们有一个相当大的项目，几乎所有的 CSS 都在组件中。我们需要为小部件生成 RTL 样式，并尝试使用postcss-rtl。当我们尝试这样做时，添加的[dir]属性前缀postcss-rtl带有选择器的后缀_ngcontent...。我们需要停止这种情况，以便 CSS 按预期应用于 html。

我们很简单地导入postcss-rtl到我们的 webpack 配置中，并在我们的postcssImports().

我不完全确定我们还能如何解决这个问题，而不转动设置ViewEncapsulation.None，这会导致 CSS 冲突。

任何帮助将不胜感激！

我使用了角度构建器并创建了自定义 webpack.config.js 我正在尝试使用webpack-rtl-plugin。以下是我的 custom-webpack.config.js

但我收到以下错误

“”之后的无效 CSS：预期 1 个选择器或规则，是“var content = requi”

这是什么原因？任何替代解决方案？

我们有一个 Ember 应用程序，我们将 Vendor CSS 和自定义 CSS 转换为 RTL CSS。我们希望供应商 CSS 的某些部分不转换为 RTL 格式。我们可以从转换中排除某些文件吗

我已按照 odoo 12 文档中的步骤在 odoo 12 中实现 rtl 但它在 Windows 中不起作用，但在 linux OS 中运行良好 帮帮我！

我们正在为客户建立一个网站，而客户需要网站的英文和阿拉伯文版本。

我们将 infernojs@7 与 webpack@4 一起使用，并且我们也在使用 webpack 捆绑 css。

我们正在应用https://github.com/nicolashemonic/rtl-css-transform-webpack-plugin以便我们获得输出 css 文件的两个版本：RTL 版本和 LTR 版本，我们的文件名显然是为了缓存而散列的。

这是问题：当我们不知道它们的名称（因为哈希）时，如何在运行时在 rtl css 文件和 ltr css 文件之间进行选择？

我正在考虑在根组件中使用 react-helmet 来做类似的事情

我唯一的问题是获得bundlename，我想使用但我什至DefinePlugin无法进入. bundlenamewebpack.config.js

这是我的 webpack 配置：

我将 create-react-app 用于多语言项目。我想使用“cssJanus”或“rtlcss”之类的库将 Sass 生成的 CSS 文件转换为单独的文件，然后在切换到另一种语言时使用新生成的文件。

这是我的 index.js 的样子......

这就是我的“App.js”的样子......

如您所见，我正在使用“./App.scss”文件，该文件只是将一堆@import语句指向“./src/css/”目录中的另一个“.scss”文件......

我需要你关于如何做到这一点的建议。如何将生成的 CSS 从 App.scss 到 RTL 转换为自己的 .css 文件，并根据全局状态的变化在它们和原始生成的 CSS 之间切换。

我搜索了很多类似的东西，但没有运气。

或者，如果您有更好的方法，我会全力以赴。