使用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。