webpack(二)---devServer---自动化

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文件。但是是自动化的。