webpack-dev-server自动更新页面方法
作者：litterWebDesinger 发布时间：2024-04-19 09:48:10
这两天在看webpack，今天卡在webpack-dev-server上了，折腾了一下午，一直无法正常运行，每次服务器也提示正常启动了，但是浏览器一输入localhose:8080/admin就提示Get/...,反正就是无法打开页面。最后找到一个帖子，发现原来是我启动服务器的代码有问题。
先安装webpack相关组件
cnpm i webpack-dev-server --save-dev
cnpm i webpack --save-dev
代码如下：
1.项目结构如下：
2.webpack.config.js配置文件
因为我定义了两个js，所以入口这边要定义两个名称分别打包成两个bundle.js。。。。。
因为动态生成的文件都是放在dist文件夹的，所以下面publicPath:"/dist/"就是用来监听该文件夹中文件变化的，只要这里面文件内容变化了（其实是手动更新admin和customer文件夹下的index.js,它会自动更新对应的bundle.js），页面也会自动更新。
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"
4.执行命令
首先输入 “npm start” 生成两个bundle.js
其次输入 “npm run server”或者“webpack-dev-server --inline --content-base”
最后打开浏览器输入localhose:8080/admin或者localhose:8080/customer就可以打开对应的页面
5.最后修改对应页面的js代码，页面也会自动同步立即更新
来源：http://blog.csdn.net/litterWebDesinger/article/details/77983226
0
投稿猜你喜欢
shapefile是GIS中非常重要的一种数据类型，在ArcGIS中被称为要素类(Feature Class)，主要包括点(point)、线- 一、基础知识1、MySQL-python的安装下载，然后 pip install 安装包2、python编写通用数据库程序的API规范（1）
- 内容介绍将日常工作中遇到的数数据冲突和样本源的方法进行总结，其中主要包括实际业务数据冲突、样本选取问题、数据共线性 等思路，并且长期更新。实
- 工作中最常见的配置文件有四种：普通key=value的配置文件、Json格式的配置文件、HTML格式的配置文件以及YMAML配置文件。这其中
- 在Python语言中最常见的括号有三种，分别是：小括号（）、中括号[]、花括号{}；其作用也不相同，分别用来代表不同的Python基本内置数
- 实现代码一、#!/usr/bin/pythonx,y=9,9 &nbs
- 查询本日记录SELECT * FROM messages WHERE CONVERT(Nvarchar, CreateDate, 111)
- 1 捕捉一个异常捕捉一个异常 以用0作为除数会得到ZeroDivisionError异常为例，print(1/0)为例程序的持续执行，不因该
- 由于tornado内置的AsyncHTTPClient功能过于单一, 所以自己写了一个基于Tornado的HTTP客户端库, 鉴于自己多处使
- 源码：from pyecharts import Barimport reimport requestsnum=0b=[]for i in
- bool是Boolean的缩写，只有真(True)和假(False)两种取值bool函数只有一个参数，并根据这个参数的值返回真或者假。1.当
- Array可以使用下标，Map和Set不能使用下标，ES6引入了iterable类型，Array,Map,Set都属于iterable类型，
- 在django中创建表，会自动创建一些django自带的表，先了解用户认证，认证登录 先要引用 ,from django.contrib i
- 通常我们用 Python 绘制的都是二维平面图，但有时也需要绘制三维场景图，比如像下面这样的：这些图怎么做出来呢？今天就来分享下如何一步步绘
- 引言在已有的网站中，几乎所有的网站都已经实现了 自动登录所谓自动登录，其实就是在你登录后，然后关闭浏览器，接着再启动浏览器重新进入刚刚的网站
- 1、python装饰器刚刚接触python的装饰器，简直懵逼了，直接不懂什么意思啊有木有，自己都忘了走了多少遍Debug，查了多少遍资料，猜
- 1.Beautiful Soup库简介Beautiful Soup 简称 BS4（其中 4 表示版本号）是一个 Python 中常用的页面解
- 有了db模块，操作数据库直接写SQL就很方便。但是，我们还缺少ORM。如果有了ORM，就可以用类似这样的语句获取User对象：user =
- 下面先说说window.showModalDialog的基本用法showModalDialog() (IE 4+ 支持)showModele
- 在开发的过程中，我们不可避免的会遇到各种各样的编码，解码，或者乱码问题，很多时候，我们可以正常的解决问题，但是说实在的，我们有可能并不清楚问
