为什么我的网页没有反应，但是npm run dev执行了

const path = require('path');

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

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports={

    mode:'development',

    entry:'./src/index.js',

    output:{

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

        // entry不指定名字默认输出就是main

        filename:'[name].js'

    },

    plugins:[

        new HtmlWebpackPlugin({

            template:'./index.html',

            filename:'indexNew.html'

        }),

        new MiniCssExtractPlugin({

            // 放在dist目录下的css目录下 看output输出的name

            filename:'css/[name].css'

        })

    ],

    module:{

        rules:[

            {

                // 只用来帮助识别css模块

                test:/\.css$/,

                // 单个模块的一个loader

                // loader:'css-loader'

                // 单个模块的多个loader

                // 从右到左执行 先识别css再把css用交给MiniCssExtractPlugin提供的一个loader处理

                use:[MiniCssExtractPlugin.loader,'css-loader']

            }

        ]

    }

}