美文网首页
webpack-dev-server命令行

webpack-dev-server命令行

作者: adtk | 来源:发表于2018-01-31 19:49 被阅读0次

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

相关文章

网友评论

      本文标题:webpack-dev-server命令行

      本文链接:https://www.haomeiwen.com/subject/tzokzxtx.html