How do I set up a basic Webpack configuration?

How do I set up a basic Webpack configuration?

To set up a basic Webpack configuration, you'll need to create a webpack.config.js file in your project root.

What should I include in the webpack.config.js file?

You should include entry, output, and module rules. For example, set the entry point to your main JavaScript file.

Can you give me an example of a simple configuration?

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: {
          loader: 'babel-loader'
        }
      }
    ]
  }
};

What is Babel and why do I need it?

Babel is a JavaScript compiler that allows you to use next-generation JavaScript features by converting them into a version compatible with older browsers.