html-webpack-plugin

最新推荐文章于 2025-05-06 23:03:00 发布

原创最新推荐文章于 2025-05-06 23:03:00 发布

· 190 阅读

0 ·

版权

文章标签：

#vue

webpack 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用html-webpack-plugin插件来自动注入webpack打包后的文件，避免手动在HTML中引入bundle.js，通过配置实现自动化构建。

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

html-webpack-plugin使用

使用html-webpack-plugin不用引用bundle.js

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- <script src="./main.js"></script> -->
    <!-- <script src="../dist/bundle.js" charset="utf-8"></script> -->
<!--    <script src="/bundle.js" charset="utf-8"></script>--><!--这里不用引用-->
  </head>
  <body>
    <ul>
      <li>这是第1个li</li>
      <li>这是第2个li</li>
      <li>这是第3个li</li>
      <li>这是第4个li</li>
      <li>这是第5个li</li>
      <li>这是第6个li</li>
      <li>这是第7个li</li>
      <li>这是第8个li</li>
      <li>这是第9个li</li>
      <li>这是第10个li</li>
    </ul>
  </body>
</html>