起服务
npm i webpack-dev-server -D
构建html
npm i html-webpack-plugin -D 快速构建html
const HtmlPlugin=require('html-webpack-plugin')
const webpack=require('webpack');//热更新为内置的
//开发中 插件 webpack-dev-server
devServer:{
port:9090,//端口
open:true,//自动打开网页
hot:true,//启动热更新,
after(app){//接口
}
}
//插件 进一步操作模块文件
plugins:[
new HtmlPlugin({
template:'./index.html',//相对路径 zh找的是模板文件
filename:'index.html'//生成的html名字
}),
new webpack.HotModuleReplacementPlugin()//模块热更新
]