版权声明:本文为博主原创文章,未经博主允许不得转载。 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
服务,添加网站,物理路径设置为测试或者生产环境代码生成的文件夹,然后通过本地服务去预览。