Vite Plugin Rtl Css

Vite plugin for rtlcss

Installation

$ npm install vite-plugin-rtl-css --save-dev

Usage

import { defineConfig } from 'vite';
import viteRtlCssPlugin from 'vite-plugin-rtl-css';

export default defineConfig({
  plugins: [viteRtlCssPlugin()]
});

This will transform css files to their rtl counterparts. Look below for options

Options

viteRtlCssPlugin({
  fileNameMap: {
    '.css': '[name].rtl.css',
    '.min.css': '[name].rtl.min.css'
  },
  sourceMap: true,
  rtlcssConfig: {
    autoRename: true
  }
});

• fileNameMap is an optional parameter that specifies a map of file extensions to templates for rtl css generation. What's seen in the example is the default.
• sourceMap is an optional parameter that specifies if sourcemaps should be generated. If this isn't specified it'll default to build.sourcemap from your vite.config.ts.
• rtlcssConfig is an optional parameter that comes from the rtlcss package that's used by this plugin to configure rtlcss.