webpack4配置之——20：发布并预览测试及生产环境

如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里

发布测试及生产环境

一个项目从开发到测试到上线，这个过程的三个阶段，需要三个环境的代码,也就需要三套webpack配置文件

• 开发环境(webpack.dev.conf.js)：怎么方便怎么来~，想怎么配置就怎么配置；
• 测试环境(webpack.test.conf.js)：测试环境的配置与生产环境要一致，以达到在测试环境还原生产环境BUG的目的，其与生产环境不同之处在于，测试环境打包可以不用压缩，可以生成map，以方便调试；
• 生产环境(webpack.prod.conf.js)：上线的代码，要尽量极致压缩，包括html,css,js、图片等的压缩，生产环境不必再去生成map；

具体三个环境的配置区别可自行对比本项目三个配置文件。

预览测试及生产环境

测试与生产环境因为已经是要与服务相关联了，在打包配置的output中配置了publicPath值为/，用了绝对地址。

所以如果要预览效果，就不能通过直接打开静态文件的方式去预览了。

可以让程序给配本地服务，或者自己电脑开启iis服务，添加网站，物理路径设置为测试或者生产环境代码生成的文件夹，然后通过本地服务去预览。