Html webpack plugin html file not generated

Question

I just started with webpack, and I want to automatically generate index.html file using html-webpack-plugin.

My webpack.config.js:

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    plugins: [
        new HtmlWebpackPlugin({
            hash: true
        })
    ]
}

I execute "npm run dev" equals to webpack --mode development, and only 1 file generated "main.js".

I don't see any html files, could you please help me?

webpack: 4.5.0 html-webpack-plugin: 3.2.0

Thanks in advance

Miłosz · Accepted Answer · 2018-04-16 14:05:49Z

1

Try using the entry

entry: {
  main: [
    './src/'
  ]
},

answered Apr 16, 2018 at 14:05

Miłosz

733 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

D.Mark · Accepted Answer · 2018-04-17 12:05:35Z

1

I found the issue

You just need to specify path in output, because HtmlWebpackPlugin is looking for path

output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].js'
},

answered Apr 17, 2018 at 12:05

D.Mark

6072 gold badges12 silver badges24 bronze badges

Collectives™ on Stack Overflow

Html webpack plugin html file not generated

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related