@m-f2e/vite-plugin-css-injected-bundle v0.0.2

vite-plugin-starter

技术栈

• vite
• unbuild
• vitest
• playground
• husky

安装

npm i @m-f2e/vite-plugin-css-injected-bundle

使用

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { VitePluginCssInjectedBundle } from '../src'

export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    VitePluginCssInjectedBundle(),
  ],
  resolve: {
    alias: {
      '@': '.',
    },
  },
})

给样式添加id

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { VitePluginCssInjectedBundle } from '../src'

export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    VitePluginCssInjectedBundle({ styleId: 'vite-js' }),
  ],
  resolve: {
    alias: {
      '@': '.',
    },
  },
})

项目

test

pnpm test

build

pnpm build
pnpm stub

playground

pnpm dev:playground
pnpm build:playground
pnpm preview