html-webpack-plugin not inject js file into index.html when using webpack-dev-server

Question

Here is my webpack config :

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


        

Answer 1

You can try config like this..

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    })

and Index.html

You will need install npm i -D html-webpack-plugin vue-loader vue-html-loader

but I recommend you create a project from template, vue init webpack

This template use the html-webpack-plugin