webpack 修改title_使用 webpack 动态生成 html

第 9 阶段:搞懂、搞透前端构建第 5 天,昨天内容详细介绍了 webpack 的 plugin,非常重要:搞定 webpack 的 plugin 不在话下

在前面的课程中,我们都是手动创建一个 index.html 文件,通过 script 标签引入被打包后文件:

e0a64d202c68475a9567068203611dc1.png

但是这样有很大的不便。在「多页」项目中,会有非常多的 html 模板,这些模板长的基本一样,这样我们需要创建多个一模一样的 html 模板文件,且需要「写死」打包路径。那么有没有方法可以对 html 进行动态创建呢?

html-webpack-plugin 可以创建 html,也可以使用模板,动态配置数据。今天我们用 webpack 来管理 html。

由于前面已经带大家创建了几个项目,套路一致,不懂的可以看 webpack 究竟是什么,初学者晕头转向,安装 webpack 搞定 Vue 打包,从使用 loader 到实现 loader · webpack 这几节内容。

1、创建项目 day5-html-webpack-plugin:

这次没有像前几节内容创建 html,所有的 h

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值