include tailwind css in bundle js

Question

How could I include tailwind css in bundle js ?

this is the an example with vue 3 and tailwind 3 https://github.com/musashiM82/vue-webpack.

running npm run build , it creates 3 files:

I want to include app.6cba1802.css into app.js, so the result should be:

Thanks

user_8126784 · Answer

You can use the css.extract option from vue cli :

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


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