分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

[Vuejs] webpack+vue-cli打包如何引用相对路径

发布时间:2023-09-06 02:13责任编辑:郭大石关键词:jswebpack

默认情况下通过webpack+vuec-li打包的css、js等资源,路径都是绝对的,即static在根目录下,假如部署到带有文件夹目录的项目中,资源路径就会出错,如何解决。

1.修改资源引用相对路径,打开build/webpack.prod.conf.js

找到27行  output:增加publicPath:‘./‘,如图:

当然在config文件夹下的index.js中修改 

assetsPublicPath:‘./‘

同样也可以达到资源的相对引用。

2.修改css资源引用的相对路径,打开build/utils.js,找到以下位置

增加 publicPath: ‘../../‘ 即可

 打包后即可以放到任何目录下了。

[Vuejs] webpack+vue-cli打包如何引用相对路径

原文地址:https://www.cnblogs.com/frost-yen/p/9576335.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved