vite-plugin-px2rem

English | 中文

Introduction

A vite plugin that allows you to convert px into rem in your stylesheets.

Now support css, less and sass/scss.

Code conversion in js/ts files is not supported.

Usage

Install plugin:

# npm
npm install vite-plugin-px2rem --save-dev
# or yarn
yarn add vite-plugin-px2rem -D
# or pnpm
pnpm add vite-plugin-px2rem -D

Use in vite:

// vite.config.ts
import { defineConfig } from 'vite';
import { px2rem } from 'vite-plugin-px2rem';

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		px2rem({
			width: 750,
			rootFontSize: 16,
		}),
	],
});