当前位置: 首页 > article >正文

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会自动重新打包

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


http://www.kler.cn/a/274836.html

相关文章:

  • Android Java Ubuntu系统如何编译出 libopencv_java4.so
  • 进网许可认证、交换路由设备检测项目更新25年1月起
  • C语言经典100例
  • 【大模型】GraphRAG技术原理
  • 04_ok_java_websocket_端口转发_将服务器的流端口转到本地
  • QML 粒子模拟
  • Docker 从0安装 nacos集群
  • Linux文件 profile、bashrc、bash_profile区别
  • vivado 物理优化约束、交互式物理优化
  • 权限维持小结
  • 【回溯、分治、Kadane】算法例题
  • 富格林:揭露黑幕套路安全规避风险
  • 嵌入式学习41-数据结构2
  • Java学习笔记:异常处理
  • UE5 GAS开发p30 创建UI HUD 血条
  • 【Anaconda】换源常用命令
  • 风丘电动汽车高压测试方案 助您高效应对车辆试验难题
  • Spark on Yarn安装配置
  • Java后台生成多个Excel并用Zip打包后(可以将excel文件放置到不同的目录)下载
  • JS+CSS3点击粒子烟花动画js特效
  • 在CentOS 7服务器上添加和删除用户的方法
  • C++:类和对象(上篇)
  • 网络工程师练习题3
  • RO段、RW段和ZI段的理解
  • 一次完整的 HTTP 请求所经历的步骤
  • XML语言的学习记录5- XSD