html-webpack-plugin output html , interior body empty

Created on 22 Mar 2017 · 4Comments · Source: jantimon/html-webpack-plugin

use html-webpack-plugin output html page , but in output page lost body inner html element , like <div id="app"></div> , here is my input output and webpack.config file :

input

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="icon" href="static/pic/logo.png" type="image/x-icon">
        <link rel="stylesheet" href="static/weui/weui.min.css">
        <link rel="stylesheet" href="static/index.css">
        <title>APP</title>
    </head>
    <body>
        <div id="app"></div>
        <script src="./dist/vendor.js"></script>
        <script src="./dist/app.js"></script>
    </body>
    </html>

output

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>SPA</title>
      <link href="/dist/style.df241090c6a9e0a6bf26.css" rel="stylesheet"></head>
      <body>
      <script type="text/javascript" src="/dist/vendor.df241090c6a9e0a6bf26.js"></script><script type="text/javascript" src="/dist/app.df241090c6a9e0a6bf26.js"></script></body>
    </html>

part webpack.config.js

    const htmlWebpackPlugin = require('html-webpack-plugin');

        plugins: [
            new htmlWebpackPlugin({
                title:'SPA',
                filename: 'assets/index.html'
            })
        ],

Source

MrZhang123

Most helpful comment

I believe you have to specify the template option to your index file (or template file if using a templating engine) otherwise htmlwebpackplugin will default to its own.

Squidies on 24 Mar 2017

👍2

All 4 comments

I believe you have to specify the template option to your index file (or template file if using a templating engine) otherwise htmlwebpackplugin will default to its own.

Squidies on 24 Mar 2017

👍2

@Squidies yes , i fixed it , thanks

MrZhang123 on 26 Mar 2017

👍1

fixed #622

MrZhang123 on 26 Mar 2017

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.