@dao-style/unplugin-extend

这个仓库是用于 @dao-style/extend 相关的 unplugin 插件工具。感谢 @antfu。

功能

• 💚 为 @dao-style/extend 按需引入样式。
• ⚡️ 使用 unplugin 以支持 Vite, Webpack, Vue CLI, Rollup, esbuild 等。

安装

npm i @dao-style/unplugin-extend -D

Vite

// vite.config.ts
import DaoStyleExtend from '@dao-style/unplugin-extend/vite';

export default {
  plugins: [
    DaoStyleExtend({
      // options
    }),
  ],
};

Rollup

// rollup.config.js
import DaoStyleExtend from '@dao-style/unplugin-extend/rollup';

export default {
  plugins: [
    DaoStyleExtend({
      // options
    }),
  ],
};

esbuild

// esbuild.config.js
import { build } from 'esbuild';

build({
  plugins: [
    require('@dao-style/unplugin-extend/esbuild')({
      // options
    }),
  ],
});

Webpack

// webpack.config.js
module.exports = {
  /* ... */
  plugins: [
    require('@dao-style/unplugin-extend/webpack')({
      // options
    }),
  ],
};

Vue CLI

// vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [
      require('@dao-style/unplugin-extend/webpack')({
        // options
      }),
    ],
  },
};

使用

插件会自动转换：

import { DaoLabelExtend } from '@dao-style/extend'

//    ↓ ↓ ↓ ↓ ↓ ↓

import { DaoLabelExtend } from '@dao-style/extend'
import '@dao-style/extend/dist/styles/label-extend.css'

其他插件

• unplugin-vue-components