Sourcerer-Android 是一个可以帮助开发者快速生成 Android 项目中使用的资源文件的 npm 包，它能够将其他平台上的资源文件转换成 Android 所需要的格式，并将其加入到项目中，大大节省了开发时间。本文将详细介绍如何使用 Sourcerer-Android 进行开发。
安装
安装 npm 包 Sourcerer-Android 很简单，只需要打开终端输入以下命令即可：
npm install sourcerer-android
使用
Sourcerer-Android 支持将以下三种资源文件转换为 Android 可用的格式：
- SVG 文件
- 字体文件
- 图像文件
以下是使用 Sourcerer-Android 将这些资源文件转换成 Android 可用的格式并加入到项目中的步骤。
SVG 文件转换
首先，在项目的 Android 目录下新建一个 assets 目录，并在里面创建一个名为 svg 的目录：
|--app |----src |------main |--------assets |----------svg
然后，将 SVG 文件放入该目录下。接下来，在你的项目中创建一个 JavaScript 文件，假设文件名为 convert-svg.js，然后在文件中输入以下代码：
-- -------------------- ---- -------
----- ---------------- - -----------------------------
----- ---- - ----------------
----- -- - --------------
----- ------------- - -------------------- ---------------------------
----- ---------------- - -------------------- --------------------
------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- --- -------- -----
-------
-
------------------------------------------- -------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- --- -------- -----
-------
-
---------------- ----- --------- ----------------
---
---保存该文件后，运行以下命令：
node convert-svg.js
将会自动将 svg 文件夹下的所有 SVG 文件转换成 Android 可用的格式，并加入到项目中的 res 目录下。
字体文件转换
字体文件的使用比较简单，只需要将字体文件放入项目的 assets 目录下即可。但在 Android 中，字体文件必须要转换成 Android 支持的格式才能被应用到项目中。Sourcerer-Android 提供了字体文件转换工具，可以将其他平台上的字体文件转换成 Android 可用的格式。
首先，在项目的 Android 目录下新建一个 assets/fonts 目录：
|--app |----src |------main |--------assets |----------fonts
然后，将需要转换的字体文件放在该目录下。接下来，在你的项目中创建一个 JavaScript 文件，假设文件名为 convert-fonts.js，然后在文件中输入以下代码：
-- -------------------- ---- -------
----- ---------------- - -----------------------------
----- ---- - ----------------
----- -- - --------------
----- -------------- - -------------------- -----------------------------
----- ---------------- - -------------------- --------------------
-------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- ---- -------- -----
-------
-
-------------------------------------------- --------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- ---- -------- -----
-------
-
----------------- ----- --------- ----------------
---
---保存该文件后，运行以下命令：
node convert-fonts.js
将会自动将 fonts 文件夹下的所有字体文件转换成 Android 可用的格式，并加入到项目中的 res 目录下。
图像文件转换
图像文件转换与 SVG 文件转换类似，需要按照规定的目录放置文件，然后使用 Sourcerer-Android 转换工具将其转换成 Android 可用的格式。
首先，在项目的 Android 目录下新建一个 assets 目录，并在里面创建一个名为 images 的目录：
|--app |----src |------main |--------assets |----------images
然后，将需要转换的图像文件放到该目录下。接下来，在你的项目中创建一个 JavaScript 文件，假设文件名为 convert-images.js，然后在文件中输入以下代码：
-- -------------------- ---- -------
----- ---------------- - -----------------------------
----- ---- - ----------------
----- -- - --------------
----- --------------- - -------------------- ------------------------------
----- ---------------- - -------------------- --------------------
--------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- ----- -------- -----
-------
-
--------------------------------------------- ---------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- ----- -------- -----
-------
-
------------------ ----- --------- ----------------
---
---保存该文件后，运行以下命令：
node convert-images.js
将会自动将 images 文件夹下的所有图像文件转换成 Android 可用的格式，并加入到项目中的 res 目录下。
示例代码
以上是 Sourcerer-Android 的使用教程，以下是完整的示例代码：
-- -------------------- ---- -------
----- ---------------- - -----------------------------
----- ---- - ----------------
----- -- - --------------
-- --- ----
----- ---------- - -- -- -
----- ------------- - -------------------- ---------------------------
----- ---------------- - -------------------- --------------------
------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- --- -------- -----
-------
-
------------------------------------------- -------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- --- -------- -----
-------
-
---------------- ----- --------- ----------------
---
---
--
-- ------
----- ------------ - -- -- -
----- -------------- - -------------------- -----------------------------
----- ---------------- - -------------------- --------------------
-------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- ---- -------- -----
-------
-
-------------------------------------------- --------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- ---- -------- -----
-------
-
----------------- ----- --------- ----------------
---
---
--
-- ------
----- ------------- - -- -- -
----- --------------- - -------------------- ------------------------------
----- ---------------- - -------------------- --------------------
--------------------------- ----- ------ -- -
-- ----- -
------------------- -- ---- ----- -------- -----
-------
-
--------------------------------------------- ---------------- ----------------- ----- -- -
-- ----- -
------------------- -- ------- ----- -------- -----
-------
-
------------------ ----- --------- ----------------
---
---
--
-- ------
-------------
---------------
----------------结论
使用 Sourcerer-Android 可以帮助我们更快速地完成 Android 项目的开发工作，节省了大量的时间和精力。但是，需要注意的是，使用 Sourcerer-Android 转换出来的文件只是原文件的格式变化，并不能对文件进行优化。因此，在使用它的同时，我们还需要对文件进行优化，以提高应用程序的性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5551ab1864dac66a57