vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置

第一次全新vue项目,webpack打包给后台前,首先需要修改一下配置文件,很多人都遇到打包后运行一片空白这个问题,这个主要就是因为路径所产生的,所以只要修改config下面的index.js这个配置文件就好:如下图:
vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置_第1张图片
这个时候运行命令行npm run build 打包发给后台部署时,发现css中引用的图片资源找不到
反馈login.vue文件中的引用的背景图片不见了,所写css如下
vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置_第2张图片
而我的“src/assets/”文件夹下有这张图片,打包后路径发生变化这个图片就找不到了,于是解决方法就是利用stackflow,打开“build/utils.js”,增加 publicPath:’…/…/’ 这行就可以了
vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置_第3张图片
如果这个时候不需要你自己部署测试,就可以安心运行命令行npm run build打包给后台了

你可能感兴趣的:(vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置)