前端必会的webpack(二） 使用插件测试项目 + 多页面项目 + sourcemap定位错误

1-1 使用插件测试项目

如果每次都需要在我们测试文件 index.html 更改打包的文件
这个事情貌似显得有些麻烦
每次都需要修改这个

我们尝试利用插件解决这个问题
1、首先删除 index.html
2、下载 插件 npm install html-webpack-plugin -D
3、然后可以看到 package.json 中有插件的版本等信息

3、配置文件 引入 const HtmlWebpackPlugin = require("html-webpack-plugin")

4、使用插件

5、

6、

7、很重要也很常用 需要记住

2-1 多页面项目

现在我想处理一个问题
如何生成多个页面 分开
1、

2、

3、达到目的

3-1 sourcemap定位错误

页面如果我们写错了什么东西
打包好的文件里面包含很多的东西
不好进行定位

我们应该做点什么？

1、

2、

3、


4、这样就很方便 发现自己的问题 并且进行修正