Flowbite JS 配置不起作用（无前端固件）

Question

我是 CSS 框架的新手，我尝试了解我的配置哪里出了问题。

• 安装 Tailwind 即可正常工作
• 使用以下命令通过 npm 安装 Flowbite JS：

  npm install flowbite

修改了tailwind.conf.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "index.html",
    "./node_modules/flowbite/**/*.js",
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require('flowbite/plugin')
  ],
}

我通过运行这个 tailwind 命令来重建：

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

最后一个 Flowbite CLI 命令告诉我们在主体关闭之前添加 src JS 代码：

<script src="../path/to/flowbite/dist/flowbite.min.js"></script>

我确信 Flowbite 会生成“flowbite.min.js”，但事实并非如此。

我错过了什么？

Answer 1

只需复制位于以下路径中的

flowbite.min.js

文件：

node_modules/flowbite/dist/flowbite.min.js

在您的

dist/

文件夹中。然后，由于您的

index.html

文件位于根文件夹中，只需按如下所示设置新路径：

<script src="dist/flowbite.min.js"></script>

我也有同样的疑问，我尝试过，它对我有用；）