开发者学堂课程【前端自动化构建工具 Webpack：webpack-dev-server 配置命令的第2种方式】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/587/detail/8214
webpack-dev-server 配置命令的第2种方式
一、配置 dev-server 命令参数的第2种方式
1.在package.json中写
“dev”：“webpack-dev-server”
2.后面那四个参数可以以配置文件的形式放入webpack.config.js中去
module.exports = {
entry:path.join(_dirname,'./src/main.js'),
output:{
path:path.join(_dirname,'./dist'),
filename:'bundle.js'
},
devServer:{ //这是配置dev-server命令参数的第二种形式，这种相对麻烦一些
open:ture, //自动打开浏览器
port：3000 //设置启动时候的运行端口
contentBase：‘src’， //指定托管的根目录
hot：true //启用热更新
}
}
3.点击终端：
ps C:\Users\liulongbin\Desktop\day5\代码\webpack-study> npm run dev
4.右键查看源码有报错：模块的热替换被借用，如果在配置文件中通 过hot为true启用热更新是不行的
hot：true //启用热更新的第一步
在js文件中引用package.json
5.打开webpack.config.js，在上面写
const webpack=require（＇webpack＇） //启用热更新的第二步
6.与entry、output、devserver平级
plugins:[ //配置插件的节点（数组）
new webpack.HotModuleReplacementPlugin()，//new一个热更新的模块对象这是启用热更新的第三步
]
注：在webpack里带s的都是数组
7. 点击终端，重新启动
ps C:\Users\liulongbin\Desktop\day5\代码\webpack-study> npm run dev
