wepack4+plugins+loaders项目复盘总结(上)

第一次使用webpack时，被其繁杂的配置弄的焦头烂额，但是打过多次交道后，慢慢的也变的熟络起来，这一次复盘就来根据查询加检验的结果来总结一下；

一、webpack4安装

项目使用是的webpack4，版本4与之前版本的区别在于，可以不再依赖配置文件，但其仍然是高度可配置的；虽然主打零配置，但是项目中所使用的plugins/loaders仍然需要配置的，所以暂时还是脱离不了webpack.config.js的；

在4之前的版本中，webpack与webpack-cli是放在同一个包中的，我们直接通过npm安装webpack就好；但是在webpack4中，已经将webpack与webpack-cli分在两个包中，我们需要分别安装，另外，若只是本地安装webpack-cli，我们的webpack命令在项目中是无效的，所以需要将webpack-cli包进行全局安装，或本地安装后进入node_modules/webpack/bin文件中运行webpack命令；

二、webpack4的配置

先说说零配置吧，这应该说是版本4的一个卖点吧。其实这也是在项目复盘后才知道的一个点；这里我们简单说，如果详细看的话移步至此https://www.html.cn/archives/9436，我个人觉的这篇文章很棒࿰