webpack5零基础入门-12搭建开发服务器

本文主要是介绍webpack5零基础入门-12搭建开发服务器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.目的

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

2.安装相关包 

npm install --save-dev webpack-dev-server

3.添加配置

在webpack.config.js中添加devServer相关配置

  /**开发服务器 */devServer: {host: 'localhost',//启动服务器域名port: "3000",//启动服务器端口号open: true,//是否自动打开浏览器}

4.启动服务

执行npx webpack serve

此时修改文件后，webpack会自动重新打包

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

这篇关于webpack5零基础入门-12搭建开发服务器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---