新浦京81707con > 功能介绍 > 新浦京娱乐场官网appserver自动更新页面方法

原标题:新浦京娱乐场官网appserver自动更新页面方法

浏览次数:145 时间:2019-12-17

webpack-dev-server自动更新页面方法,

这两日在看webpack,明天卡在webpack-dev-server上了,折腾了一深夜,一向必须要荒谬运作,每一回服务器也唤起平时运维了,不过浏览器生机勃勃输入localhose:8080/admin就提醒Get/...,反正便是回天乏术开辟页面。最终找到一个帖子,发掘原本是笔者起步服务器的代码有标题。

先安装webpack相关组件

cnpm i webpack-dev-server --save-dev
cnpm i webpack --save-dev

代码如下:

1.档期的顺序布局如下:

新浦京娱乐场官网app 1 

2.webpack.config.js配置文件

因为本身定义了三个js,所以进口那边要定义四个称呼分别打包成多个bundle.js。。。。。

因为动态变化的公文都以坐落于dist文件夹的,所以上面publicPath:"/dist/"正是用来监听该公文夹汉语件变化的,只要那其间文件内容改变了(其实是手动更新admin和customer文件夹下的index.js,它会自动更新对应的bundle.js),页面也会自动更新。

新浦京娱乐场官网app 2

3.package.json配置

那边只要注意一下"server":"webpack-dev-server --inline --content-base"才是运转服务器的不易代码,

本身早先是用的底下那三种艺术(这种方法应该是后边老版本的,以往2.0之上版本好像不补助了,未有去查看那上边),

"server":"webpack-dev-server --inline --hot",

"server":"webpack-dev-server --inline",



"server":"webpack-dev-server"

新浦京娱乐场官网app 3

4.实行命令

第意气风发输入 “npm start” 生成五个bundle.js

扶持输入 “npm run server”或许“webpack-dev-server --inline --content-base”

最后张开浏览器输入localhose:8080/admin只怕localhose:8080/customer就足以张开对应的页面

新浦京娱乐场官网app 4

5.最后改良对应页面包车型地铁js代码,页面也会自动同步马上更新

新浦京娱乐场官网app 5

如上那篇webpack-dev-server自动更新页面方法正是作者分享给大家的全体内容了,希望能给大家贰个参阅,也指望我们多都赐教帮客之家。

方今在看webpack,明天卡在webpack-dev-server上了,折腾了一深夜,平素无法平常运维,每回服务器也提示...

本文由新浦京81707con发布于功能介绍,转载请注明出处:新浦京娱乐场官网appserver自动更新页面方法

关键词: 新浦京81707con

上一篇:Python垃圾回收机制,Python垃圾回收机制总结

下一篇:没有了