如何在Symfony 6.4/7.0中通过AssetMapper导入Bootstrap Icons？

问题原因 #

Symfony的importmap:require命令默认会尝试解析npm包的主入口配置，但Bootstrap Icons的包结构里，直接指定CSS文件路径的方式会让命令无法正确识别包版本信息，导致报错。

解决方法 #

方法1：手动修改importmap配置文件

直接跳过命令行工具，手动在config/importmap.php中添加Bootstrap Icons的CDN地址：

<?php

return [
    'imports' => [
        // 保留其他已有的导入项
        'bootstrap-icons' => 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css',
    ],
];

方法2：先导入包再指定CSS路径

先用命令导入整个Bootstrap Icons包，再在代码中引用对应CSS文件：

1. 执行导入命令：

   symfony console importmap:require bootstrap-icons@1.11.3
   

2. 在模板文件（比如base.html.twig）中添加CSS引用：

   <link rel="stylesheet" href="{{ asset('bootstrap-icons/font/bootstrap-icons.min.css') }}">
   

验证 #

添加配置后启动Symfony服务，在页面插入图标测试：

<i class="bi bi-star-fill text-warning"></i>

若图标正常显示，说明配置成功。

内容的提问来源于stack exchange，提问作者user3049922