如何在我的laravel 9+ vite项目中添加流线型顺风插件？

Question

我试着在我的laravel项目中添加流苏。我使用的是9和Vite。

我遵循以下步骤：

 npm i flowbite

1. 在tailwind.config.js中添加插件

plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography'), require('flowbite/plugin')]，

1. in App.js

import Flowbite from 'flowbite';

然后是npm run dev

我也尝试过添加cdn链接，但它不起作用。

请有人建议最好的插件与顺风css使用。由于在顺风中没有基本的js组件，如工具提示、下拉列表等。

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props) })
            .use(plugin)
            .use(ZiggyVue, Ziggy)
            .mixin({ components: { FilePond } })
            .mount(el);
    },
});

Answer 1

如果您想要一些逻辑，可以使用它：https://headlessui.com/

关于Flowbite + Nuxt设置，如下所示：https://stackoverflow.com/a/71835459/8816585

Answer 2

这不是最好的解决方案，但您可以尝试在没有任何设置的情况下安装Flowbite：

./public/css/flowbite.min.css

• put

1. 将css和js文件放在./public/js/ below bite.js&模板中的代码中。

<link href="{{ url('css/flowbite.min.css') }}" rel="stylesheet" />
<script src="{{ url('js/flowbite.js') }}" type="text/javascript"></script>