1

当使用 Angular CLI 构建 Angular 应用程序时，CSS 中的资源，例如 svg 图像，大小小于 10kb 将被内联。

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

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

4

1 回答 1

2

正如@pixelbits 所建议的，ng eject在 shell 中运行以弹出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），然后运行webpack-dev-server --port=4200​​OR webpack-dev-server --hotfor [HMR].

于 2017-12-20T02:46:24.703 回答