// Generated using webpack-cli https://github.com/webpack/webpack-cli const path = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const isProduction = process.env.NODE_ENV == 'production'; const stylesHandler = MiniCssExtractPlugin.loader; const config = { entry: { blogIndex: "./js/blogIndex.ts" }, output: { filename: "[name].js", path: path.resolve(__dirname, 'dist'), }, plugins: [ new MiniCssExtractPlugin(), // Add your plugins here // Learn more about plugins from https://webpack.js.org/configuration/plugins/ ], module: { rules: [ { test: /\.(ts|tsx)$/i, loader: 'ts-loader', exclude: ['/node_modules/'], }, { test: /\.css$/i, use: [stylesHandler,'css-loader'], }, { test: /\.s[ac]ss$/i, use: [stylesHandler, 'css-loader', 'sass-loader'], }, { test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i, type: 'asset', }, // Add your rules for custom modules here // Learn more about loaders from https://webpack.js.org/loaders/ ], }, resolve: { extensions: ['.tsx', '.ts', '.jsx', '.js', '...'], }, }; module.exports = () => { if (isProduction) { config.mode = 'production'; } else { config.mode = 'development'; } return config; };