前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Webpack03-前端服务配置及热更新

Webpack03-前端服务配置及热更新

作者头像
专注APP开发
发布2019-11-07 16:51:36
4140
发布2019-11-07 16:51:36
举报
文章被收录于专栏:移动大前端移动大前端

设置webpack-dev-server

安装

代码语言:javascript
复制
npm install webpack-dev-server –s -d

配置

代码语言:javascript
复制
 devServer: { // 配置开发服务功能
        contentBase: path.resolve(__dirname, 'dist'),
        host: '192.168.3.34', // localhost
        compress: true,
        port: 8082 // 80
    }

image.png

命令

代码语言:javascript
复制
  "scripts": {
    "server":"webpack-dev-server"
  },

加上 --open 自动打开页面

代码语言:javascript
复制
  "scripts": {
  "server": "webpack-dev-server --open",
  },

image.png

运行

代码语言:javascript
复制
npm run server

image

参考文章

https://jspang.com/posts/2017/09/16/webpack3.html#%E7%AC%AC04%E8%8A%82%EF%BC%9A%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%EF%BC%9A-%E6%9C%8D%E5%8A%A1%E5%92%8C%E7%83%AD%E6%9B%B4%E6%96%B0

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 设置webpack-dev-server
  • 参考文章
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档