html+入口页面,webpack 入口html页面和自定义打包生成的html关系

这是我的文件目录结构

这是配置文件 里面有自定义生成html文件

var path = require("path");

var CleanWebpackPlugin = require('clean-webpack-plugin');

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

var webpack = require('webpack'); // 引入 webpack 便于调用其内置插件

// console.log(CleanWebpackPlugin);

module.exports = {

devtool: 'inline-source-map',

devServer: {

contentBase: path.resolve(__dirname, 'dist/js'),

compress:true,

port:9000,

host:'127.0.0.1',

hot: true, // 告诉 dev-server 我们在用 HMR

hotOnly: true, // 指定如果热加载失败了禁止刷新页面 (这是 webpack 的默认行为)，这样便于我们知道失败是因为何种错误

inline:true,

},

entry: {

print:'./src/js/print.js',

index:'./src/js/index.js'

},

module:{

rules:[

{

test:/\.css$/,

use:['style-loader','css-loader']

},

]

},

plugins: [

new CleanWebpackPlugin(['dist']),

new HtmlWebpackPlugin({

title: 'Output Management',

inject:'head',

filename:'index.html',

template:'index.html'

}),

new webpack.NamedModulesPlugin(),

new webpack.HotModuleReplacementPlugin()

],

output: {

path: path.resolve(__dirname,'./dist'),

filename: '[name].bundle.js',

hotUpdateChunkFilename: 'hot/hot-update.js', //指定热替换补丁js文件和json描述文件生成路径 ，每次文件变化都会生成一次

hotUpdateMainFilename: 'hot/hot-update.json'

// chunkFilename:'[name].bundle.js',

},

};

当我根目录下的html文件为空时打包生成的dist/index.html 是这样的

当我改变根目录下的HTML 为

test

生成的html这样的

test

两者有什么关联？