最近在学习webpack,react,react-router,redux遇到了一系列的坑,今天先说说webpack的配置吧,相信关于webpack的文章已经有过很多了,但是每个人的需求不同,今天我就讲讲我的webpack的配置,简单的入门级配置直接上图
对上面的配置做一个讲解,当然注释里面已经写了很多了
1.entry--入口文件
2.output--输出文件,path是输出入径,filename是出书的文件名,可用MD5解决缓存问题,publicPath静态文件存储地址
3.devtool--开发魔术的设置,总共有7种,可移步官网查看具体配置
4.module--配置了loaders用来处理不同的模块
5.resolve--alias配置了别名,extensions则是配置了后缀名,模块在引用时不需要写后缀名,webpack会帮你自动不全
6。plugins--使用的插件见下图,各个插件的作用注释中已详细说明
一些简单的配置就是这些