站长资源网络编程

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

整理:jimmy2026/7/31浏览2
简介一般vue使用webpack打包是整个工程的根目录,但是很多情况下都是把vue打包后的文件在某子目录下。修改:1,打开index.jsassetsPublicPath:'/'改为:assetsPublicPath: './'2.解决css里面的路径问题,打开utils.js添加红色框参数即可;p

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

修改:

1,打开index.js

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

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

assetsPublicPath:'/'

改为:

assetsPublicPath: './'

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

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

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

添加红色框参数即可;

publicPath: '../../'

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