Webpack配置生成器 可视化配置Webpack的入口、输出、Loader和Plugin，实时预览生成的webpack.config.js。 构建模式 development production 入口 / 输出 入口文件 输出路径 输出文件名 Loaders babel-loader (JS/TS) css-loader + style-loader sass-loader (SCSS) file-loader (图片/字体) image-loader (图片优化) html-loader (HTML) vue-loader (Vue SFC) ts-loader (TypeScript) Plugins HtmlWebpackPlugin MiniCssExtractPlugin CleanWebpackPlugin DefinePlugin CopyWebpackPlugin ProgressPlugin BundleAnalyzerPlugin TerserPlugin DevServer (development) 端口 是否开启 HMR 开启 关闭 是否开启 historyApiFallback 开启 关闭 刷新预览 复制配置 下载文件 webpack.config.js 预览