Add RTL direction support to styles using postcss & rtlcss

This commit is contained in:
Soroosh 2021-09-26 18:52:38 +03:30
parent f41e95921f
commit 15c4a8fb02

View file

@ -2,6 +2,9 @@ import legacy from "@vitejs/plugin-legacy"
import vue from "@vitejs/plugin-vue" import vue from "@vitejs/plugin-vue"
import { defineConfig } from "vite" import { defineConfig } from "vite"
const postCssScss = require("postcss-scss")
const postcssRTLCSS = require('postcss-rtlcss');
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
@ -10,5 +13,12 @@ export default defineConfig({
targets: ["ie > 11"], targets: ["ie > 11"],
additionalLegacyPolyfills: ["regenerator-runtime/runtime"] additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
}) })
] ],
css: {
postcss: {
"parser": postCssScss,
"map": false,
"plugins": [postcssRTLCSS]
}
},
}) })