网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
本篇文章给大家带来的内容是关于什么是热更新?webpack中配置服务热更新的实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
配置服务:热更新
热更新的意思是:左边打开浏览器,右边编译器,当编译器中的内容改变,按下ctrl+s,左边的浏览器会跟着编译器的内容发生改变
配置devServer
devServer有四个目录结构:
const path = require('path') //path是一个常量不能更改 ,path 需要引入var webpack = require('webpack')
module.exports = { // bundle入口
entry:{
entry:'./src/entry.js', //下面的entry是随便起的名字
entry2:'./src/entry2.js' //有两个入口也要有两个出口
}, // bundle输出
output: {
path: path.resolve(__dirname, 'dist'), //绝对路径
filename: '[name].js' //可重命名 当有多个入口文件时,出口文件用name,说明打包的出口文件和入口文件名相同
},
module:{},
plugins:[],
devServer:{
contentBase:path.resolve(__dirname,'dist'),
host:'10.212.109.18',
compress:true,
port:8087
}
}