结合项目通俗易懂理解webpack常用的几个模块

webpack就是一个文件打包器

项目中常用的这个几个模块

entry 打包入口

output 打包出口

devServer 代理服务解决跨域问题

pligins 插件

resolve 路径映射

结合项目通俗易懂理解webpack常用的几个模块_第1张图片

entry main 配置多个入口

补充一点 babel-polyfill这个是 es6语法转换插件 在低版本浏览器中确保能解析出来 放在打包入口中进行第一时间解析

devServer 配置代理服务 

结合项目通俗易懂理解webpack常用的几个模块_第2张图片 output 打包文件放的的路径

 plugins happyPack插件是让webpack同一时间执行多个任务

结合项目通俗易懂理解webpack常用的几个模块_第3张图片

resolve  引入依赖时候可以这样做路径映射 方便引入依赖

结合项目通俗易懂理解webpack常用的几个模块_第4张图片

你可能感兴趣的:(webpack)