阿里iconfont文件夹的放置及引用
1. 文件放置位置
阿里iconfont文件夹可以放在Vue项目的public或assets文件夹下。
public文件夹用于放置静态文件，而assets文件夹则用于放置需要webpack处理的资源。iconfont文件是静态文件，因此可以放置在public文件夹下。
2. assets文件夹下编译错误
立即学习“前端免费学习笔记（深入）”；
如果您将iconfont文件夹放在assets文件夹下，并在运行npm run后出现错误，可能是因为webpack无法正确处理字体文件。解决方法是将字体文件排除在webpack的处理之外。可以在webpack配置文件中添加以下配置项：
module.exports = { // 其他配置项 module: { rules: [ // 其他规则 { test: /.(woff2?|eot|ttf|otf)(?.*)?$/, loader: 'file-loader', options: { name: '[name].[ext]', outputPath: 'fonts/', }, }, ], },};
3. index.html与main.js中引用iconfont.css
在index.html和main.js中引用iconfont.css文件都可以，但加载顺序和编码习惯决定了放置的位置。
一般来说，放在main.js文件中引用更常见。因为Vue项目的页面可能在组件中完成，并非全部在index.html文件中，在组件中引用公共资源可提高代码简洁性和可移植性。
以上就是Vue 项目中阿里 iconfont 文件该如何放置和引用？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558049.html
微信扫一扫 
支付宝扫一扫 
