欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue和webpack打包项目相对路径修改的方法

程序员文章站 2022-06-20 23:24:15
一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。 修改: 1,打开index.js asset...

一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。

修改:

1,打开index.js

vue和webpack打包项目相对路径修改的方法

vue和webpack打包项目相对路径修改的方法

assetspublicpath:'/'

改为:

assetspublicpath: './'

2.解决css里面的路径问题,打开utils.js

vue和webpack打包项目相对路径修改的方法

vue和webpack打包项目相对路径修改的方法

添加红色框参数即可;

publicpath: '../../'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。