devServer作用是什么
用于自动化(自动编译、自动打开浏览器、自动刷新浏览器)
特点
只会在内存中编译打包,不会有任何输出
配置
启动devServer的指令
npx webpack-dev-server
注意:(1)需要下载依赖包—npm install webpack-dev-server -D
(2)运行时会报错:Error: Cannot find module ‘webpack-cli/bin/config-yargs’。
原因:webpack-cli@4x和webpack-dev-server@3x不兼容。
措施:更改package.json中的"webpack-cli"为"3.3.12"。运行npm install。再重新运行。
结果:
自动打开浏览器–默认浏览器
open:true
webpack 和npx webpack-dev-server的区别
webpack:执行后会生成bulid文件夹,并且里面会有打包后的文件。且不是自动化的。
npx webpack-dev-server:执行后不会有bulid文件。但是是自动化的。