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:

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

Do I need to install any packages for this?

Yes, you'll need to install Webpack and Babel. You can do this using npm:

npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env

How do I run Webpack after setting it up?

You can run Webpack by adding a script in your package.json:

"scripts": {
  "build": "webpack"
}

Then, run npm run build in your terminal.