webpack 打包html资源

现在有这两个文件需要打包:
在这里插入图片描述
在这里插入图片描述

  1. 我们需要的插件名字叫html-webpack-plugin,先下载
  2. 引入:在这里插入图片描述
  3. 使用,在plugins里面配置:在这里插入图片描述
    执行:
    在这里插入图片描述
    发现默认会多了两个文件:
    在这里插入图片描述
    生成的index.html默认会引用built.js
    在这里插入图片描述
    所以这次打包默认的功能就是
    在这里插入图片描述
    我们指定一下HtmlWebpackPlugin的的配置对象template:
    在这里插入图片描述
    就表示复制一个test1,html文件并且引入打包输出的所有资源
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/dyw3390199/article/details/112714488