How do I set up Webpack and Babel for my project?

How do I set up Webpack and Babel for my project?

To set up Webpack and Babel, first install them using npm. Run npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env.

What should I include in my Webpack configuration file?

In your webpack.config.js, include entry, output, and module rules. For Babel, set the test to match .js files.

How do I configure Babel to use ES6 features?

In your Babel configuration file, add @babel/preset-env to the presets array to enable ES6 features.

Can you show me a sample Webpack configuration?

Sure! Here's a basic 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',
      },
    ],
  },
};