我们使用同一份webpack配置文件,webpack-dev-server可以给我们带来不同的效果,它是专门用在开发环境的,当然我们也需要去修改一些webpack的配置,来专门适应我们的webpack-dev-server的开发模式,那么这里面我们怎么去做呢?
- 首先在webpack.config.js文件中的配置中添加target配置,设置target: ‘web’ 因为我们开发的是前端的项目,我们跑在浏览器里面的,所以我们webpack的编译目标是web平台
因为我们的这份配置是既要用在正式环境又要使用在开发环境,因此需要根据不同的环境去判断使用不同的配置信息,那么我们如何去判断呢?我们可以根据在跑npm script的时候给它设置一个环境变量来标识我们当前是开发环境还是正式环境,那么这个变量我们如何设置呢?我们可以借助一个webpack包cross-env这个包,为什么要使用这个包呢?因为