设置webpack-dev-server

安装

npm install webpack-dev-server –s -d

配置

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

image.png

命令

  "scripts": {
    "server":"webpack-dev-server"
  },

加上 --open 自动打开页面

  "scripts": {
  "server": "webpack-dev-server --open",
  },

image.png

运行

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

Webpack03-前端服务配置及热更新
设置webpack-dev-server 安装配置命令加上 --open 自动打开页面运行参考文章 ht...
【Redis学习笔记】10 Redis 热更新配置
Redis 可以使用 CONFIG 命令，对配置项参数进行热更新和查看，不必重启服务注意：热更新配置的参数，服务...
CodePush-热更新(自检测并重启服务)
热更新客户端及服务端安装&配置： https://github.com/lisong/code-push-ser...
纯前端服务器配置
纯前端服务器配置服务器环境配置git项目配置git自动同步配置后端服务器别名通过Git提交与更新代码纯...
webpack devServer 相关配置
1、webpack devServer 开启服务的简单配置 2、模块热更新 plugins 依赖配置 3、利用 b...
webapck配置服务和热更新
1.命令行：cnpm install webpack-dev-server --save-dev 安装服务 2.在...
webpack-dev-server 和后端服务最简单的搭配使用
最近做react的项目，后端用nodejs做了服务，想利用webpack-dev-server作为前端资源的热更新...
ionic3 项目热更新使用
配置热更新热更新的原理：这一步我就不上图了，服务器上的chcp.manifest文件对比本地生成的chcp.m...
Ubuntu 12.0.4(LTS)学习笔记（二）
Ubuntu 12.0.4远程登录服务器--SSH的安装与及配置一枚前端菜鸟之前一直使用window进行前端的开...
一个i18n服务构建的思考
背景服务需要国际化资源，比如国内叫“你好”，国外需要翻译为“hello” 要求灵活，可配置:希望配置是热更新的...