Webpack 是前端工程化中模块打包工具的核心,用于管理依赖、编译代码、优化资源,webpack中配置了项目的入口entry 和出口 output,webpack可以通过一些loader处理不同的文件 比如通过css-loader处理css文件,使用babel-loader处理jsx,还可以配置模式mode,生产环境自动启用代码压缩,还可以配置devServer 用来配置端口号 代理等,还可以通过devtool来配置是否开启soure-map,还可以用插件来配置css js压缩,webpack还可以通过chainwebpack来做一些精细化的配置,比如拿到node_modules中某个npm包,对他执行某个loader(babel-loader、babel可选链操作符插件预处理npm包),如果是vue项目 默认使用vue.config 如果项目中配置了webpack需要显式引入,合并