如何使用Yarn安装仅在Bower中可用的包：以angular-utf8-base64为例

别担心，我来帮你搞定这个问题！虽然你平时用Yarn作为主力包管理器，但要安装只在Bower仓库发布的angular-utf8-base64其实很简单，下面是具体操作步骤：

步骤1：安装Bower（本地开发依赖） #

因为目标包仅存在于Bower仓库，我们需要先在项目中安装Bower。推荐用Yarn将其安装为开发依赖，避免全局安装带来的权限或版本冲突问题：

yarn add bower --dev

步骤2：初始化Bower配置（若项目无Bower配置） #

在项目根目录运行Bower初始化命令，一路按回车采用默认配置即可，完成后会生成bower.json配置文件：

npx bower init

步骤3：安装目标Bower包 #

现在就可以用Bower安装angular-utf8-base64了，加上--save参数会把包信息记录到bower.json中，方便后续维护：

npx bower install angular-utf8-base64 --save

步骤4：在项目中引入该包 #

安装完成后，包文件会存放在项目根目录的bower_components文件夹里。你可以根据项目的构建工具（如Webpack、Gulp）配置引入路径，或者直接在HTML中通过script标签引入：

<script src="/bower_components/angular-utf8-base64/angular-utf8-base64.js"></script>

如果你不想单独维护Bower配置，也可以直接把该包的Git仓库地址添加到Yarn的package.json中，但这种方式需要手动处理依赖关系，不如用Bower来得省心。

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