webapck小知识点8-webpackDevServer

1.安装

npm install webpack-dev-server -D

2.配置webpackconfig.js

3.package.json(由于我的配置文件是webpackconfig.js,所有指出配置文件)

ps:one配置(这种配置修改src页面 需要在浏览器刷新才能看到更改信息)

ps:two(自己搭建服务)

1.配置

2.安装

npm install  express webpack-dev-middleware -D

3.修改webapckconfig.js文件

3.在和package.json同级目录下新建一个server.js文件

4.启动服务器npm run server (server这个是配置好的) 进入http://localhost:3000即可 这里服务器没有做任何事情

5.修改server.js(然后重新启动,当src里面文件修改后 刷新浏览器可以看到,想要了解更多express配置请查阅相关资料,这里不做详说,如有错误欢迎指导)

 

 

原文地址:https://www.cnblogs.com/zhangxiaojunheihei/p/11316552.html

时间: 2024-08-30 15:44:37

webapck小知识点8-webpackDevServer的相关文章

webapck小知识点9-Hot Module Replacement 热更新

热更新是什么呢?下面举例 1.index.js和style.css代码 2.点击新增的效果 3.当我们更新style.css代码 4.页面效果 这个时候页面就自己刷新了,但是呢 我们其实希望看到上面步骤2颜色改变 ,而不是整个页面刷新,我们接下来讲的热更新就是实现这样的效果 只是颜色改变 而不是页面刷新 当我们配置webpackconfig.js就能实现上面功能 接下来介绍热更新在js的应用 1.webpackconfig.js配置不变,counter.js number.js 和index.j

webapck小知识点12-Tree Shaking概念详解

1.math.js 2.index.js 3.打包后的main22.js(虽然我们只引入了add方法 但是我们minus方法也被打包到main.js中了,想实现这种只按需打包,没有使用的就不引入. 可以使用Tree Shaking:只支持ES Module,像import(静态引入)支持的 require(动态引入)不支持) 4.1 配置webpackconfig.js(在开发环境中mode: "development",打开Tree Shaking) 4.2 package.json

记录神经网络中一些小知识点

记录神经网络中一些小知识点 1 Caffe中的blob维度 Caffe中的blob具有4个维度,分别是num,channel,width和height: 其中我们在定义各个网络层时,常用到的一个参数numout,就是指定的channel: 比如说,维度为1*3*5*5的数据输入网络(即每次输入一张5*5大小的3通道图),经过一个stride为2,pad为1,kernel为2,numout为2的卷积层后,维度就变成了1*2*3*3: 假如输入有n个通道,计算时,caffe就会对应产生n个filte

C++ 小知识点 WINAPI

int WINAPI WINMain 中,WINAPI含义 网友给出回答:在windef.h头文件中有如下定义#define WINAPI      __stdcall#define APIENTRY    WINAPIVC有两种函数调用方式 一种是__stdcall,另一种是__cdecl函数的调用方式有两种一种是PASCAL调用方式,另一种是C调用方式使用PASCAL调用方式,函数在返回到调用者之前将参数从栈中删除使用C调用方式,参数的删除是调用者完成的WinMain函数是由系统调用的,Wi

0607am抽象类&接口&析构方法&tostring&小知识点

/*class ren{ public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里面,代表这分类 }} */ //不能实例化的类:抽象类abstract class Animal //关键字abstract{ public $dong; public $jiao; function chi() { } function shui() { }}class Ren extends Ani

初学MySQL中的一些小知识点

写在前面,小弟初用博客记录学习路上的一点点小知识点,其中可能有个人理解方面的误差,或不明白的地方.希望各位大牛纠正指导,小弟感激不尽!这并不是什么帮助别人解决问题的文章,只是小弟将学习到的内容一一写在博客上,这样方便以后复习,还恳请大家勿喷.. 一.进入MySQL客户端 1.客户端可以通过.../MySQL/bin目录下的sql.exe运行客户端. 1.1:访问方式一: -u root -p /*可以直接在这段代码的后面添加密码,也可以按回车后再输入密码*/ 1.1:访问方式二: --host

私人定制javascript中数组小知识点(Only For Me)

先上笑话,1.刚看到一个游泳的,想起公司组织去三亚旅游,老板跳海里,各种挣扎,捞上来老板第一句话:我记得我会游泳的啊. 2.媳妇说:老公对不起,我把你新买的自行车撞散架了! 老公:没事宝贝,你若安好,便是晴天! 媳妇说:老公你太有诗意了. 老公:滚犊子,安不好我整死你! 数组的概念 javascript数组是值得有序集合,不过它实属一个javascript对象的特殊形式,这是一个很重点的定性. 创建数组 1.var a=new Array();//等同于[] 2.var a=new Array(

js中关于value的一个小知识点(value既是属性也是变量)

今天在学习input的value值时,发现这么一个小知识点,以前理解不太透彻. [1]以下这种情况,是常见的情况,会弹出“测试内容” <input type="button" value="测试内容" onclick = "alert(value)"> [2]心想,这种情况下value找不到,作用域链应该到document了,应该弹出“123",但情况是弹出空 <script> var value=123; &l

琐碎的小知识点

一.asp.net 1.点击Repeater中的LinkButton,获取当中label中的值:     Label lblName = ((LinkButton )sender).Parent.FindControl("lblName") as Label ;或者在gridView中,添加按钮列ButtonFlied并转化为模板时,设置LinkButton的.CommandArgument为绑定值,再根据 string n= ((LinkButton)sender).CommandA