在 bundle js 中包含 tailwind css

Question

如何将 tailwind css 包含在 bundle js 中？

这是 vue 3 和 tailwind 3 的示例 https://github.com/musashiM82/vue-webpack。

运行 npm run build ，它创建了 3 个文件：

• app.js
• ABOUTPAGE.js
• app.6cba1802.css

我想将 app.6cba1802.css 包含到 app.js 中，所以结果应该是：

• app.js
• ABOUTPAGE.js

谢谢

Answer 1

您可以使用 vue cli 中的 css.extract 选项：

https://cli.vuejs.org/config/#css-extract

module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    ...
  },
  css: {
       extract: false
  }
});