avatar

目录
VueCli 外部加载CSS 路径无效找不到文件问题

1.查看路径是否正确

首先查看是否使用路径别名(@,~),如果使用别名,请查看webpack.base.conf.js文件中的resolve.alias是否设置别名,设置后请重新启动项目。

如果使用相对路径请查看相对路径是否正确

2.引用问题

如果使用路径别名,使用@import必须路径印用必须加,如:@import ‘@/assets/css/style.css’。 原因是CSS loader 会把把非根路径的url解释为相对路径, 加~前缀才会解释成模块路径。

3.其他问题

如果路径无错,相对路径可以引入,使用别名无法找到文件,请将项目根目录下的.postcssrc.js中的plugins对象postcss-import属性注释

文章作者: Ming
文章链接: http://www.mgblog.cn/2020/05/26/VueCli-%E5%A4%96%E9%83%A8%E5%8A%A0%E8%BD%BDCSS-%E8%B7%AF%E5%BE%84%E6%97%A0%E6%95%88%E9%97%AE%E9%A2%98/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Ming的博客 - 编程经验分享

评论