webpack.config.js

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

module.exports = {
	entry: {
		'main': './app/static/src/app.js',
		'pdf.worker': 'pdfjs-dist/build/pdf.worker.entry'
	},
	output: {
		filename: '[name].bundle.js',
		path: path.resolve(__dirname, 'app/static/dist'),
		publicPath: "./app/static/dist/"
	},
	module: {
		rules: [
      {
				test: /\.css$/,
				use: [
          {
						loader: MiniCssExtractPlugin.loader
					},
					{
						loader: 'css-loader'
					},
					{
						loader: 'postcss-loader',
						options: {
							indent: 'postcss',
							plugins: [
								require('tailwindcss'),
								require('autoprefixer')
							]
						},
					},
				]
			}
		]
	},
	plugins: [
		new MiniCssExtractPlugin({
			filename: "[name].css",
			chunkFilename: "[id].css"
		}),
		new webpack.ProvidePlugin({
			$: "jquery",
			jQuery: "jquery"
		}),
	]
};