如何在Webpack配置中根据npm脚本来启用source map和图形化分析插件？

在Webpack配置中，你可以通过检查process.env.npm_lifecycle_event环境变量来确定当前运行的npm脚本，并据此启用source map或图形化分析插件。例如，在build/webpack.prod.js文件中，你可以添加如下代码来启用source map（如果npm_lifecycle_event为build:watch）和图形化分析插件（如果npm_lifecycle_event为build:report）：

if (process.env.npm_lifecycle_event === "build:watch") { 
config.devtool = "cheap-source-map"; 
} 

if (process.env.npm_lifecycle_event === "build:report") { 
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin; 
config.plugins.push(new BundleAnalyzerPlugin()); 
}