Work just like css-loader and use rtlcss to RTLify your css.
npm install rtlcss-loader --savde-dev
module.exports = {
module: {
loaders: [
{
test: /\.css$/,
loaders: ['style', 'rtlcss']
}
]
}
};for SASS/LESS you'll need sass-loader first :
module.exports = {
module: {
loaders: [
{
test: /\.css$/,
loaders: ['style', 'rtlcss', 'sass']
}
]
}
};if you want to use rtlcss directives such as /*rtl:ignore*/ make sure you are using it as a SPECIAL comment by adding ! before your comment, for example :
div {
/*rtl:ignore*/
margin: -25px -25px 0 0;
}must be :
div {
/*!rtl:ignore*/
margin: -25px -25px 0 0;
}