Webpack5 搭建开发服务器

每次写完代码都需要手动输入指令才能编译代码，太麻烦了，我们希望一切自动化

开发服务器&自动化 

1. 下载包： npm i webpack-dev-server -D

2. 配置文件 webpack.config.js 

module.exports = {
    // 开发服务器:不会输出资源,在内存中编译打包的
    devServer: {
        host: "localhost", // 启动服务器域名
        port: "3000", // 启动服务器端口号
        open: true, // 是否自动打开浏览器
    },
}

注意：开发服务器：不会输出资源,在内存中编译打包的 

3. 启动指令：npx webpack serve