vite-plugin-style-inject

English ｜ 中文

The plugin is used to inject CSS into JS files, so there will not generate CSS files.
It is mainly used to pack some libraries with fewer styles, for example, A component that has been encapsulated.

The user using the library will not need to import extrally a CSS file.

• Before

 import xxxComponent from 'xxx-component';
import 'xxx-component/dist/xxx.css';

• Now

 import xxxComponent from 'xxx-component';

Install

• npm

 npm i vite-plugin-style-inject --save-dev

• yarn

 yarn add -D vite-plugin-style-inject
``

- pnpm

```bash
pnpm add -D vite-plugin-style-inject

Usage

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

import VitePluginStyleInject from 'vite-plugin-style-inject';

export default defineConfig({
  plugins: [VitePluginStyleInject()],
  ......
});

License

MIT License © 2022 Name6