webpack4学习：多页应用打包、配置source-map、watch的用法等等

多页应用打包：

webpack配置文件：由于有两个页面需要打包，所以new了两个HtmlWebpackPlugin插件来对应各自的html模板。chunks就算用来引入js文件的，需要引入的js文件名放上去就行，如果有多个就可以这么写 chunks: [‘other’, ‘home’] 引入了other.js以及home.js这两个文件。

---

配置source-map：

source-map的配置可以便于我们打包后调试代码，如果有代码报错可以在控制台查看到报错代码的具体地方。source-map可以有很多种值：1.source-map可以独生成一个sourcemap文件 出错了会标识当前报错的列和行。2.eval-source-map 不会产生源码文件，也能标识当前报错的列和行。
配置方法如下：

---

watch的用法：

watch主要用来对代码打包进行实时的监控，只要代码改动了就会自动打包。watchOptions作为监控选项，可以配置监控的一些选项。

---

clean-webpack-plugin插件的使用：

作用：每次打包前都会删除dist打包目录下的文件，保证每次生成的打包文件都是最新的。
注意：引入文件时需要解构，这是最新版本的语法。

直接使用的话会默认用默认的配置，最新版的使用方法是只能转一个参数，配置项在这个参数中传入。

---

copy-webpack-plugin插件的使用：

作用：将文件复制到打包文件夹中。
引入文件

这里最新版的写法需要套上一层 patterns，不然会报错。from就是要复制的文件，to则是要将拷贝的文件放置的地方。