.jpg)
- entry：入口文件，如'./src/index.js'
- output：输出配置，如{ filename: 'bundle.js', path: __dirname + '/dist' }
- module：模块配置，如rules: [{ test: /.js$/, use: 'babel-loader' }]
- plugins：插件配置，如[new HtmlWebpackPlugin({ template: './src/index.' })]
- mode：模式配置，'development'或'production'
- devServer：开发服务器配置，如{ contentBase: './dist', open: true }
- resolve：解析配置，如{ extensions: ['.js', '.jsx'] }
- optimization：优化配置，如minimize: true
- devtool：源码映射配置，如'eval-source-map'
实操提醒：确保配置文件路径正确，插件与loader版本兼容。