指示Angular CLI/Webpack不要内联大小小于10Kb的图像

使用Angular CLI构建Angular应用程序时，CSS中的资源，例如svg图像

从性能的角度来看，这听起来是一个不错的概念，但是它违反了我的应用程序中非常严格的规定，我是不允许更改的

---

我的问题如下：如何指示Angular CLI或Webpack不内联任何图像？

根据@pixelbits的建议，在shell中运行

ng eject

以弹出

Webpack.config

文件。此文件将允许您编辑应用程序的网页包

内部

webpack.config

更改

限制
到您需要的任何内容（
0
）

这可能意味着您不能再使用
ng serve
，因为它不会知道您的新网页。因此，请导航到新的网页包目录（与
angular cli.json
）并运行
webpack dev server--port=4200
或
webpack dev server--hot
，以便
[HMR]
我认为没有办法使用@angular/cli定制网页包插件。不太理想，但你可以使用ng eject将你的应用程序转换成普通应用程序，这样你就可以修改网页了。config@pixelbits是的，我不想弹出Angular CLI-到目前为止效果很好…@AlexanderBurakevych它不弹出
CLI
，它弹出
weback.config
，然后您可以对其进行编辑。内联已从angular 7.0版中完全删除。请参考github回购协议的问题结束意见。这似乎是目前@Zze唯一的选择。另外，样式src需要不安全的内联，脚本src也可能需要当前不安全的eval（这可以通过删除反射多边形填充、在AOT模式下运行以及从弹出的配置中删除webpack节点全局填充来消除）。我已在Angular CLI github项目中创建了一个PR，以添加
--内联资产最大大小
--要内联资产的最大大小
{
  "test": /\.(jpg|png|webp|gif|otf|ttf|woff|woff2|ani)$/,
  "loader": "url-loader",
  "options": {
    "name": "[name].[hash:20].[ext]",
    "limit": 10000
  }
}