IDLE UI

! 当前正在开发中

好用的solidjs的组件。

安装

pnpm i @thinke/idle-ui

使用

import { Button } from '@thinke/idle-ui'

export default function App() {
  return <Button>App</Button>
};

例子中的使用方式，js代码会进行tree shaking优化，没有使用的组件的js代码不会被打包，但是css代码不会被优化

可以使用@thinke/rollup-plugin-import进行优化

import importPlugin from '@thinke/rollup-plugin-import'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    importPlugin({
      libraryMap: {
        '@thinke/idle-ui': {
          module: ({ module, library }) => `import { ${module} } from '${library}/es/${module}'`,
        },
      },
    }),
  ],
})

参考

1. daisyui
2. Ant Design 5
3. arco.design