webpack基本配置--这些日子走过的坑坑洼洼(新人入手)

最近在学习webpack,react,react-router,redux遇到了一系列的坑,今天先说说webpack的配置吧,相信关于webpack的文章已经有过很多了,但是每个人的需求不同,今天我就讲讲我的webpack的配置,简单的入门级配置直接上图

webpack基本配置--这些日子走过的坑坑洼洼(新人入手)_第1张图片

对上面的配置做一个讲解,当然注释里面已经写了很多了

1.entry--入口文件

2.output--输出文件,path是输出入径,filename是出书的文件名,可用MD5解决缓存问题,publicPath静态文件存储地址

3.devtool--开发魔术的设置,总共有7种,可移步官网查看具体配置

4.module--配置了loaders用来处理不同的模块

5.resolve--alias配置了别名,extensions则是配置了后缀名,模块在引用时不需要写后缀名,webpack会帮你自动不全

6。plugins--使用的插件见下图,各个插件的作用注释中已详细说明

webpack基本配置--这些日子走过的坑坑洼洼(新人入手)_第2张图片

一些简单的配置就是这些

你可能感兴趣的:(webpack基本配置--这些日子走过的坑坑洼洼(新人入手))