Do you know how to correctly set up Tailwind CSS with this boilerplate ?

[robinbdru]

Hello folks, I guess it needs to be done accordingly with the Webpack config file ?

Cheers !

[IndieStacker]

Hey @robinbdru - Here's how I got it working with Tailwind

1. Setup Tailwind according to docs
2. Update webpack.config (after installing mini-css-extract-plugin and postcss-preset-env)

...
+ MiniCssExtractPlugin = require('mini-css-extract-plugin'),
...
...
  module: {
    rules: [
      {
        // Extract any SCSS content and minimize
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          { loader: 'css-loader', options: { importLoaders: 1 } },
          {
            loader: 'postcss-loader'
          },
          {
            loader: 'sass-loader'
          }
        ]
      },
      {
        // Extract any CSS content and minimize
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          { loader: 'css-loader', options: { importLoaders: 1 } },
          { loader: 'postcss-loader' }
        ]
      },
...
...
    new HtmlWebpackPlugin({
      template: path.join(__dirname, 'src', 'pages', 'Notes', 'index.html'),
      filename: 'notes.html',
      chunks: ['notes'],
      cache: false
    }),
    + new MiniCssExtractPlugin()
...