CDN自动转WebP不生效，是配置问题还是浏览器兼容问题？
我们网站用的是阿里云CDN，已经开启了“自动将图片转为WebP”功能，但实际测试发现有些图片还是返回的原格式（比如.jpg）。我用Chrome DevTools看请求头，Accept里确实有image/webp，但响应Content-Type还是image/jpeg。
是不是还需要在源站做额外处理？或者CDN的缓存规则影响了？之前试过强制加?format=webp参数能生效，但自动判断好像没起作用。有没有人遇到过类似情况？
- 2
回答
24浏览
为什么设置了webpack externals后jQuery还是被重复打包？
我在项目里用CDN引入了jQuery，然后在webpack配置里设置了externals想排除它，但打包后发现vendor文件里还是包含了jQuery代码，页面控制台还报错"jQuery is def...
- 2
回答
36浏览
Webpack的splitChunks配置为什么没生效？大文件还是被打包在一起
在配置Webpack optimization.splitChunks时，我把minSize设置成30000，但发现第三方库还是被打包到vendor chunk里了，难道我的配置有问题？ 之前尝试过这...
- 1
回答
32浏览
Webpack配置了HMR但修改代码后页面还是整页刷新，怎么回事？
我用Webpack搭了个开发环境，明明启用了Hot Module Replacement，但每次改JS文件页面还是会整页刷新，根本没热更新。查了文档也加了module.hot.accept，但好像没生...
- 1
回答
12浏览
Webpack缓存没生效，页面还是重新加载了？
我用 Webpack 搭了个 React 项目，明明配置了 cache 缓存，但每次改点代码，整个页面都重新加载，连组件状态都没保住，是不是哪里配错了？ 我试过在 webpack.config.js ...
- 1
回答
13浏览
Webpack打包后Source Map不生效是怎么回事？
我用Webpack打包项目时开启了source map，但浏览器里调试还是看不到原始代码，只显示bundle.js。明明配置里写了devtool: 'source-map'，也确认生成了.map文件，...
- 1
回答
68浏览
为什么切换到Vite后Sass配置不生效？Webpack和Vite的CSS处理配置有何不同？
我之前用Webpack配置了Sass，现在迁移到Vite后样式文件报错说找不到变量，但代码明明没改啊。之前在vue.config.js里通过chainWebpack添加了sass-loader，现在换...
- 1
回答
19浏览
Webpack优化后打包体积没变化，哪里出问题了？
我在React项目里配置了Webpack的压缩和Tree Shaking，但打包体积还是很大。比如这个组件里只用了lodash的get方法： import _ from 'lodash�...
- 1
回答
70浏览
为什么Webpack配置了Tree Shaking后，某些未引用的代码依然被打包进去？
我在项目里配置了Webpack的Tree Shaking，但发现未使用的模块还是被打包了。比如这个组件里只用了utils.js的add函数： // component.jsx import { add...
- 2
回答
38浏览
为什么我的Webpack配置了Tree Shaking还是没摇掉未使用的代码？
我在项目里按教程配置了Webpack的Tree Shaking，把mode设成production，也设置了optimization.usedExports为true，但打包后的bundle里还是能看...
- 2
回答
96浏览
PostCSS插件在Webpack配置中没生效怎么办？
我按文档给Webpack加了postcss-loader和autoprefixer，但CSS里写@import还是报错说无法解析。装了postcss-import后配置也写了，重启服务器也不行。 配置...
?format=webp参数能转成功，说明CDN的WebP转换引擎本身是正常的，配置也没大问题。原因很简单：你在后台开启“自动转WebP”这个功能之前，这些图片的URL已经被CDN边缘节点缓存成了JPG格式。CDN为了追求极致的回源效率，不会因为你改了个配置就自动去刷新所有节点上已有的缓存文件。当请求带着
Accept: image/webp头过来时，CDN一看缓存里有现成的JPG，就直接扔给浏览器了，根本没走转换逻辑。解决办法很直接，去阿里云CDN控制台，针对这几个不生效的图片URL执行一下“URL刷新”。刷新之后，CDN边缘节点的缓存会被强制清除，新的请求触发回源，这时候才会应用你的WebP转换规则，把WebP版本缓存下来。
以后遇到这种配置变更，记得顺手刷一下缓存，不然排查起来最浪费时间。另外，建议检查一下你的CDN缓存过期时间设置，别设得太死板，适当缩短图片缓存时间能让配置变更生效得更快，整体维护效率更高。