index.html打包插入注释

最新推荐文章于 2024-07-30 18:36:42 发布

日月之行_

最新推荐文章于 2024-07-30 18:36:42 发布

阅读量493

点赞数

分类专栏： webpack

本文链接：https://blog.youkuaiyun.com/web_yueqiang/article/details/115723751

版权

webpack 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用HTMLWebpackPlugin在Webpack构建过程中动态生成HTML文件，并插入自定义内容。通过配置示例，展示了如何将`buildInfo`参数插入到`index.html`模板中，适用于前端开发项目中构建过程的定制化需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML:

<!--
 <%= htmlWebpackPlugin.options.buildInfo %>
 -->
 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="format-detection" content="telephone=no" />
  <title>伽罗瓦</title>
  <link rel="shortcut icon" href="/static/images/data_logo.png" />
  <link rel="stylesheet" href="/static/css/reset.css">
</head>

plugin设置

new HtmlWebpackPlugin({
    hash: true,
    filename: 'index.html',
    template: path.resolve(__dirname, '../src/index.html'),
    buildInfo: '插入的注释内容'
  }),