This uses a webpack plugin to transform a css to corresponding arabic css using css janus
npm install webpackarabiccssplugin
const ArabicCssPlugin = require('webpackarabiccssplugin');
....
....
plugins: [
...,
new ArabicCssPlugin({
rtlFileDeliminator: "ar",
excludeFiles: /\.ar\.css$/,
includeFiles: /\*.scss$/
})
]
`
This plugin should be used with the generated css files only. So, use plugins like mini extract and css-loader for converting into css file.
Options
$3
- Default - "rtl"
- Deliminator to add after the file name in the orignal file source.
- `_OF_`` value signifies that the existing file is transformed