問題タブ [rtlcss]

私は JavaScript の初心者で、rtlcss ライブラリを使用して css ファイルを ltr から rtl に変換しようとしています。このコードを使用していますが、2 つのエラーが表示されます。

私のコード

私は何か間違ったことをしていると思います。それはライブラリの問題ではありません..誰でも助けてもらえますか?

最近、スタイルシートの RTL バージョンを作成するためにRTLCSSを使用することにしました。今、宣言レベルのディレクティブを使用してRTLCSSに何をすべきかを伝えようとしていますが、SASSは私のコメントを次の行にコンパイルします。

たとえば、次のようにfont-size: 14px/*rtl:15px*/;コンパイルします。

そして、それはRTLCSSがそれを適切に処理するのを止めます. これを回避する方法はありますか？コメントの位置を維持しながら、値をそのままコンパイルするようにsassを構成できますか?

PS grunt-sass(node-sass) を使用して scss ファイルを処理しています。

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{ユーザー名}\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 ソリューションに含めることができるバージョンのファイルを使用できますか?

私たちは顧客のためにウェブサイトを構築しており、顧客はウェブサイトの英語版とアラビア語版の両方を要求しています。

webpack@4 で infernojs@7 を使用しており、webpack を使用して css もバンドルしています。

https://github.com/nicolashemonic/rtl-css-transform-webpack-pluginを適用して、出力 css ファイルの 2 つのバージョン (RTL バージョンと LTR バージョン) を取得します。ファイル名は明らかにキャッシュ用にハッシュされます。

問題は次のとおりです。(ハッシュのために)名前がわからない場合に、実行時にrtl cssファイルとltr cssファイルを選択する方法は?

ルートコンポーネントでreact-helmetを使用して、次のようなことを行うことを考えています

私の唯一の問題は を取得bundlenameするDefinePluginことbundlenameですwebpack.config.js。

これが私のwebpack構成です：