开发服务器 & 自动化

SOBER小于 1 分钟

开发服务器 & 自动化

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

1. 下载包

npm install webpack-dev-server -D

2. 配置

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

3. 启动

npx webpack serve