如何从 ionic 2 build 中删除默认资产？答案

【问题标题】：How to remove default assets from ionic 2 build?如何从 ionic 2 build 中删除默认资产？
【发布时间】：2017-06-21 17:55:07
【问题描述】：

我正在学习 Ionic 2；在 Visual Studio 代码中编写代码。我使用以下命令创建了项目：

> ionic start --v2 MyFirstIonic blank

然后

> cd MyFirstIonic
> ionic platform add android

当我构建和运行> ionic run android 时，ionic 在www 目录中创建assets 文件夹并复制Ionicons、Roboto 和Noto-sans 的字体文件，这些文件在构建过程中添加到apk 中。我想从最终构建中排除 Ionicons、Roboto 和 Noto-Sans，并改用 FontAwesome 文件。我将如何实现这一目标？

【问题讨论】：

stackoverflow.com/questions/39122669/… 在服务、构建或运行期间，资产也会从 src/assets 复制到 www/assets
@suraj，我从src/assets 中删除了字体，但在构建过程中它们仍被复制到www/assets。感谢您的链接。我正在看那个。
嗯.. 我找到了this。根据它，您必须在您的应用脚本中编辑copy.config.js。但是如果您刷新节点模块，这些更改将不存在
copyFonts 复制您的 ionicon 字体资源。但我不确定只有这些 hacky 解决方案才能永久修复。 stackoverflow.com/a/40934389/4826457
@suraj，非常感谢。我正在搜索“如何删除资产”。

标签： ionic-framework ionic2

【解决方案1】：

您需要编辑您的node_modules/@ionic/app-scripts/copy.config.js。示例文件here。

删除copyFonts 条目：

copyFonts: {
    src: ['{{ROOT}}/node_modules/ionicons/dist/fonts/**/*', '{{ROOT}}/node_modules/ionic-angular/fonts/**/*'],
    dest: '{{WWW}}/assets/fonts'
  },

来自文件。这会将 ionicon 字体复制到您的 www 文件夹中。还要从src/assets 文件夹中删除您不需要的资产。您可以编辑 copy.config.js 文件以将任何其他资产添加到构建过程中。参考答案here。

【讨论】：

【解决方案2】：

我建议你从以下位置删除不必要的文件：

[project]/node_modules/ionic-angular/fonts/

（保留ionicons.* 文件。）

您仍然必须在每次更新 ionic-angular 时都这样做，但它比跟踪 app-scripts 包的更改更容易且更不容易出错。

另外，注释掉 roboto 和 noto-sans 导入：

[project]/src/theme/variables.scss

如果您仍想更新脚本，那么正确的做法是将文件复制到本地为[project]/src/webpack.config.js，并将以下条目添加到您的package.json：

"config": { "ionic_webpack": "./webpack.config.js" }

希望有帮助！

【讨论】：