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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kai_vin/article/details/88722677

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

发布测试及生产环境

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

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

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

预览测试及生产环境

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

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

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

猜你喜欢

转载自blog.csdn.net/kai_vin/article/details/88722677