webpack5五个概念执行打包loader处理图片url-loader处理图片webpack5 asset 处理文件pluginbrowserslistrcpostcssbabelpolyfillywebpack-dev-serverwebpack-dev-middlewareHMR功能处理.vue文件路径属性path代理resolvedevtool区分打包环境代码拆分方式import动态导入runtimeChunk代码懒加载prefetch和preload第三方扩展设置CDNDLLCSS抽离
五个概念entry:哪个文件为入口起点开始打包output:输出的资源到哪里去,叫什么名字loader:翻译官,webpack只能处理js代码,其他要交给loader来处理。plugins,插件,执行范围更广的任务,如压缩mode。开发模式(development):本地可以运行就可以,生产模式(production):代码优化上线执行打包1.纯命令行# 安装。不加版本号默认安装最新版本npm install webpack webpack-cli --save-dev#webp