西安网站建设和推广,专业做国际网站的公司,南山网站优化,南京网站设计课程前言
最近对部分项目升级了vue-cli脚手架#xff0c;记录一下
问题一#xff1a; scss/less/css中无法引入public下的静态资源
问题描述
在样式文件中使用静态资源路径导致编译无法通过 错误信息如下#xff1a;
Module not found: Error: Cant resolve /img/login/lo…前言
最近对部分项目升级了vue-cli脚手架记录一下
问题一 scss/less/css中无法引入public下的静态资源
问题描述
在样式文件中使用静态资源路径导致编译无法通过 错误信息如下
Module not found: Error: Cant resolve /img/login/login_left_bg.png in E:\Project\Company\xxxxx\Web\src\page\login原因分析
可能是由于vue-cli5升级了css-loader导致的问题
解决方法
无解应该是vue-cli5.x的bug回退到4.5.x
修改vue.config.js配置文件的css配置
...
const { defineConfig } require(vue/cli-service)module.exports defineConfig({...css: {loaderOptions: {css: {url: {filter: (url) url[0] ! /}}}},...
})参考文档
css assets use absolute path got error by required in local folder structure but not remain string
