yingyuan

在弄项目中遇到的一些问题,做一下记录,如有什么不妥之处,请多多指教。

在vue-cli3.0 构建的项目中使用 style-resources-loader自动化导入scss文件时,字体文件无法显示。

vue.config.js中style-resources-loader的一些配制

 

文件的目录

 

index.scss文件

 

iconfont.scss文件中使用相对路径引入了字体文件

 

npm run serve时出错

 

百度了很多资料,在https://www.jb51.net/article/147558.htm中找到了解决方法,这里对vue-cli项目的路径有详细的说明

原因是sass-loader的不提供url重写,官方也提供了两种解决方法,大概是下面图片的这一块

官方链接:https://github.com/webpack-contrib/sass-loader


最后解决方案:
iconfont.scss文件引入字体文件的url直接从根目录往下找

 

使用~@可以的原因,可查看vue官网的资料  https://cli.vuejs.org/zh/guide/html-and-static-assets.html#url-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88%99




 

分类:

vue

技术点:

相关文章:

  • 2021-06-23
  • 2021-11-21
  • 2022-01-11
  • 2022-12-23
  • 2022-12-23
  • 2021-06-08
  • 2021-09-13
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-05-30
  • 2021-12-15
  • 2021-05-17
  • 2022-12-23
  • 2021-12-29
  • 2022-12-23
相关资源
相似解决方案