Vite plugin that automatically injects flexible scripts and converts pixel units to rem units
$ npm i vite-plugin-flexible -D
# or
$ yarn add vite-plugin-flexible -DConfig plugin in vite.config.ts
import { defineConfig } from 'vite';
import flexible from 'vite-plugin-flexible';
export default defineConfig({
plugins: [
flexible(),
]},
});Flexible scripts are automatically injected into the head
<!DOCTYPE html>
<html>
<head>
<!-- Will be generated automatically -->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
/>
<script>
// flexible script
</script>
</head>
<body></body>
</html>