vue和webpack打包项目相对路径修改的方法
程序员文章站
2022-06-20 23:24:15
一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。
修改:
1,打开index.js
asset...
一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。
修改:
1,打开index.js
assetspublicpath:'/'
改为:
assetspublicpath: './'
2.解决css里面的路径问题,打开utils.js
添加红色框参数即可;
publicpath: '../../'
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 曾和你爱过了一场
下一篇: vue脚手架搭建过程图解
推荐阅读
-
修改vue+webpack run build的路径方法
-
vue解决使用webpack打包后keep-alive不生效的方法
-
babel7.x和webpack4.x配置vue项目的方法步骤
-
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
-
解决vue-cli项目打包出现空白页和路径错误的问题
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
vue完成项目后,打包成静态文件的方法
-
解决在vue项目中webpack打包后字体不生效的问题
-
使用webpack打包后的vue项目如何正确运行(express)
-
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法