[2] HtmlWebpackPlugin 插件HtmlWebpackPlugin插件该插件将为你生成一个 HTML5

HtmlWebpackPlugin插件

该插件将为你生成一个 HTML5 文件。

index.html文件里：app节点

<body>

    <article id="app">

    </article>

</body>

  new HtmlWebpackPlugin({
    template: './app/views/index.html'
  }),

打包后：dist目录下生成 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义模板</title>
   - <link rel="stylesheet" href="style.css">
</head>
<body>
   - <div id="app"></div>
   - <script type="text/javascript" src="app.min.js"></script>
</body>

</html>

说明：dist目录下生成index.html,里面插入了dist下的js和css。由于HtmlWebpackPlugin的作用，生成了html了。