webpack5打包其他资源以及devServer的配置方式

            // 打包其他资源(除了html，js,css，less等资源以外的资源)
            {
                // 使用exclude排除html，js,css，less等资源
                exclude: /\.(css|html|js|less|png|jpg|gif)$/,
                loader: 'file-loader'
            }

    // 开发服务器 devServer：用来自动化（自动编译，自动打开浏览器，自动刷新浏览器）
    devServer: {
        // 项目构建后的路径，也就是代码要运行的项目目录
        contentBase: resolve(__dirname, 'build'),
        //compress是否启动gzip压缩，让代码体积更小，速度更快
        compress: true,
        // 制定开发服务器的端口号
        port: 3000,
        // open是否自动打开浏览器，打开的是默认浏览器。
        open: true,
        hot: true
    }

    // 开发服务器 devServer：用来自动化（自动编译，自动打开浏览器，自动刷新浏览器）
    devServer: {
        // 项目构建后的路径，也就是代码要运行的项目目录
        static: resolve(__dirname, 'build'),
        //compress是否启动gzip压缩，让代码体积更小，速度更快
        compress: true,
        // 指定开发服务器的端口号
        port: 3000,
        // open是否自动打开浏览器，打开的是默认浏览器。
        open: true,
        hot: true
    }