Is it possible to output inside style tags instead of an external css file?

[dungle-scrubs]

Hi,

Is it possible to output the generated css file into a block of internal css between two style tags in an html file instead of generating an external file?

Thanks

[royvanv]

This depends on which tools you are using. You should probably just create a file and then inject that into your HTML.

[dungle-scrubs]

@royvanv Thanks, I misunderstood how Tailwind is meant to work when writing that. But for anyone else looking for a similar answer, using webpack with postcss and style-loader, I am able to do this.

{
        test: /\.css$/,
        exclude: /node_modules/,
        use: [
          {loader: 'style-loader', options: { injectType: 'singletonStyleTag' }},
          {loader: "css-loader", options: {importLoaders: 1,}},
          'postcss-loader'
        ]
      }