What are some examples of webpack configurations?

What are some examples of webpack configurations?

Webpack configurations can vary based on the project needs. For instance, a basic configuration might include entry, output, and loaders.

Can you show me a simple example of a webpack config file?

Sure! Here's a simple example:

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
    rules: [
      {
        test: /.js$/, 
        exclude: /node_modules/, 
        use: 'babel-loader',
      },
    ],
  },
};

What if I want to add CSS support?

You can add CSS support by including style-loader and css-loader in your configuration. Here's how:

module: {
  rules: [
    {
      test: /.css$/, 
      use: ['style-loader', 'css-loader'],
    },
  ],
},

Are there any best practices for organizing webpack configurations?

Yes! It's a good practice to separate configurations for development and production, and to use plugins for optimization.