指示Angular Cli/webpack不要嵌入图像小于10KB的大小

Question

当构建具有角CLI的角应用时，CSS中的资源，例如SVG图像，尺寸小于10KB的图像将被划分。

从性能的角度来看，这听起来像是一个很好的概念，但是，违反了我的应用程序中非常严格的内容安全策略，我不允许更改。

我的问题如下：如何指示Angular CLI或WebPack不嵌入任何图像？

Answer 1

按照@pixelbits的建议，在shell中运行 ng eject以弹出webpack.config文件。该文件将允许您编辑应用程序的WebPack。

在webpack.config内部将limit更改为您需要的任何内容（0）？

{
  "test": /.(jpg|png|webp|gif|otf|ttf|woff|woff2|ani)$/,
  "loader": "url-loader",
  "options": {
    "name": "[name].[hash:20].[ext]",
    "limit": 10000
  }
}

这可能意味着您无法再使用ng serve，因为它不会知道您的新WebPack。结果，导航到您的新WebPack目录（与angular-cli.json相同），而是为[HMR]运行webpack-dev-server --port=4200或webpack-dev-server --hot。