新建一个文件demo,Win+R打开cmd,进入项目所在目录位置
1.安装webpack
全局安装 npm install webpack -g
局部安装 npm install webpack --save-dev
2.在cmd 输入 webpack -v 检测是否安装成功
3.在cmd 输入npm init 初始化会自动创建package.json 文件
4.在cmd 输入npm install webpack-dev-server 开启webpack本地服务器
注意:webpack4升级以后需要安装npm install webpack-cli -D
5.在package.json 配置script
"server":"webpack-dev-server --open" (open会自动开启本地服务浏览器窗口)
6.建webpack.config.js配置文件
module.exports={
devServer: {
contentBase: './',//本地服务器所加载的页面所在的目录
port:'8082',
inline:true,//实时刷新
hot: true
}
}