使用Angular CLI构建Angular应用程序时，CSS中的资源，例如svg图片，less than 10kb in size will be inlined。
从性能的角度来看，这听起来像是一个很好的概念，然而，在我的应用中违反非常严格的Content Security Policies，我不允许更改。
我的问题如下：如何指示Angular CLI或Webpack不要内联任何图像？
1 个答案:
答案 0 :(得分：2)
正如@pixelbits建议的那样，在shell中运行弹出以弹出webpack.config文件。该文件允许您编辑应用程序的webpack。
在webpack.config里面改变你需要的限制（0）？
{
“test”：/\。（.jpg | png | webp | gif | tif | tf | woff | woff2 |ani）$ /，
“loader”：“url-loader”，
“选项”：{
“name”：“[name]。[hash：20]。[ext]”，
“限制”：10000
}
}
这可能意味着您不能再使用ng服务，因为它不会知道您的新webpack。因此，导航到新的webpack目录（与angular-cli.json相同），而是为[HMR]运行webpack-dev-server --port = 4200或webpack-dev-server --hot。