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

  • 开发
  • 40

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

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

阅读全部

相关推荐

  2. webpack5基础--12_开发服务器&自动化

    2024-03-20 09:48:06       47 阅读

  6. Webpack5入门到原理19：React 脚手架搭建

    2024-03-20 09:48:06       52 阅读

  7. React 18 + Babel 7 + Webpack 5 开发环境搭建

    2024-03-20 09:48:06       34 阅读

  8. Webpack5入门到原理13：开发服务器&自动化

    2024-03-20 09:48:06       59 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-20 09:48:06       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-20 09:48:06       100 阅读

  9. 在Django里面运行非项目文件

    2024-03-20 09:48:06       82 阅读

  19. Python语言-面向对象

    2024-03-20 09:48:06       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-03-20 09:48:06       85 阅读

热门阅读

  4. Webpack的构建流程

    2024-03-20 09:48:06       39 阅读

  7. 介绍 virtio-networking：为现代 IT 结合[虚拟化]和[网络]

    2024-03-20 09:48:06       40 阅读

  8. 算法笔记p414拓扑排序

    2024-03-20 09:48:06       47 阅读

  12. Android 高通平台集成无源码apk示例

    2024-03-20 09:48:06       40 阅读

  16. 网络工程师练习题3

    2024-03-20 09:48:06       46 阅读

  18. 设计模式（结构型设计模式——组合模式）

    2024-03-20 09:48:06       39 阅读

  22. npm install报错: https://registry.npm.taobao.org/: certificate has expired

    2024-03-20 09:48:06       38 阅读

  25. pandas无法读取/保存xls格式的excel的解决办法

    2024-03-20 09:48:06       40 阅读

  26. Day 2. 数据结构-----单向列表2（无头链表）

    2024-03-20 09:48:06       40 阅读

  27. 力扣爆刷第100天之hot100五连刷86-90

    2024-03-20 09:48:06       38 阅读

  28. 每日OJ题_字符串③_力扣67. 二进制求和

    2024-03-20 09:48:06       43 阅读