2.5配置webpack-dev-server:专门用在开发环境的打包
因为正式环境和我们的开发环境有所区别，所以需要配置dev用来区分
首先，安装 webpack-dev-server
npm i webpack-dev-server然后， 修改package.json文件 ，在build下面添加dev配置
package.json文件配置
然后，修改webpack.config.js
在全局添加target:’web’
config.js
因为这个文件要同时用在开发环境和正式环境，所以要加一个环境判断，在跑npm的时候添加变量标识不同环境。
因为在windows和mac环境下的命令会不同，这里安装cross-env 包，使得在不同开发环境下命令相同。
npm i cross-env再次修改package.json文件,在“build:”和“dev:”行添加dev命令
cross-env NODE_ENV=development 后面不变
package.json文件build
然后，在webpack.config.js文件中进行判断。
首先，配置config.devServer
webpack2之后就可以直接用config.devServer进行配置了。
更改文件头部几行代码
在文件的最后加上如下代码
config.devServer
注意：
host:’0.0.0.0’不要直接写localhost，这样别人的电脑就访问不了了；port不要被占用，不然会打不开
最后.安装html-webpack-plugin插件使得html可以作为入口，自动包含JS
npm i html-webpack-plugin修改webpack.config.js文件
config.js
config.js
至此，dev配置基本完成
控制台执行 npm run dev
npm run dev打包成功的话就可以在浏览器中查看效果了，
如果出现错误，根据提示修改，注意端口是否占用。我的8000端口占用了，后来用了8080端口就好了
