webpack.config.js

// https://getbootstrap.com/docs/5.2/getting-started/webpack/#import-bootstrap
// https://webpack.js.org/loaders/postcss-loader/#autoprefixer
// https://webpack.js.org/loaders/sass-loader/#extracts-css-into-separate-files
// https://github.com/webpack-contrib/mini-css-extract-plugin

const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const path = require('path')

module.exports = {
  entry: './src/scss/main.scss',
  output: {
    path: path.join(process.cwd(), 'core', 'static')
  },
  mode: 'production',
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              postcssOptions: {
                plugins: ['autoprefixer']
              }
            }
          },
          'sass-loader'
        ]
      }
    ]
  },
  plugins: [new MiniCssExtractPlugin()]
}