vite-plugin-style-inject

English | 中文

该插件用于将CSS注入到JS文件中，因此不会生成CSS文件。 它主要用于打包一些样式较少的库，例如一个被封装的组件。

使用该库的用户将不需要额外引入样式文件。

• 使用之前

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

• 使用之后

import xxxComponent from 'xxx-component';

安装

• npm

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

• yarn

yarn add -D vite-plugin-style-inject

• pnpm

pnpm add -D vite-plugin-style-inject

使用

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

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

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

License

MIT License © 2022 Name6