iview-admin webpack打包总结的几个问题

webpack小白,总结几条遇到的打包问题
1.开发代理服务器与上线接口调用的差别
开发时用devServer做代理

iview-admin webpack打包总结的几个问题_第1张图片

打包时要区分开生产环境跟开发环境即:

开发配置文件
webpack.dev.config.js

iview-admin webpack打包总结的几个问题_第2张图片

生产配置文件
webpack.prod.config.js

iview-admin webpack打包总结的几个问题_第3张图片

这样配置后接口调用方式变为

iview-admin webpack打包总结的几个问题_第4张图片

iview-admin webpack打包总结的几个问题_第5张图片

而不是常见的/apis/dust-server/login这种形式,
这样写的目的是为了部署后能请求的接口中不会带有/apis导致请求地址不正确
部署后的接口地址
clipboard.png

2.node_modules中es6无法识别
参考https://segmentfault.com/q/10...
webpack.base.config.js

iview-admin webpack打包总结的几个问题_第6张图片

3.图片加载
这个应该是vue的问题,虽然不知道原理是啥,但是图片只要放在这个文件夹内(iview-admin删掉了这个,要自己建一个),一般都是可以加载出来的
iview-admin webpack打包总结的几个问题_第7张图片

你可能感兴趣的:(iview-admin webpack打包总结的几个问题)