1.webpack-dev-server是一个轻量级的服务器,修改文件源码后,自动刷新页面将修改同步到页面上
2.安装webpack-dev-server:
npm install webpack-dev-server -g
# 项目中安装
npm install webpack-dev-server --save-dev
3,使用
会读取webpack.config.js配置文件,打包文件都在内存中(webpack
命令将打包后的文件保存在磁盘中),
并打开项目根目录的index.html(没有就显示所有的文件)
webpack-dev-server
4,自动刷新
webpack-dev-server --hot --inline
5,更改端口
webpack-dev-server --port 3000
6,更换配置文件
webpack-dev-server --hot --inline --config webpack.es6.config.js
7,更换服务根目录
webpack-dev-server --content-base ./build/
8,写在package.josn中,
# 命令行运行
npm run dev
image.png
网友评论