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>

1.npm i html-webpack-plugin -D本地安装

m i html-webpack-plugin -D本地安装

在这里插入图片描述