Angular 17 与 Webpack、Vite适配及Polyfills配置疑问

1. Vite与Webpack的共存逻辑 #

Angular 17默认采用Vite作为开发服务器和主构建工具，控制台显示“Vite connected”就是这一变化的直接体现。@angular-devkit/build-angular保留Webpack依赖，是因为部分场景（如SSR、部分旧第三方库兼容）仍会 fallback 到Webpack执行，但核心开发流程已切换到Vite。

2. @angular-builders/custom-webpack的Angular 17适配 #

目前@angular-builders/custom-webpack稳定版暂未完全适配Angular 17，但可尝试其预发布版本，已有开发者验证beta版能正常工作。安装命令：

npm install @angular-builders/custom-webpack@next --save-dev

3. Angular是否允许配置Vite？ #

这个说法错误。Angular 17并未禁止配置Vite，只是未提供官方顶层配置入口，可通过两种方式自定义：

• 在项目根目录创建vite.config.ts，Angular的Vite构建器会自动识别并合并该配置；
• 在angular.json的build/serve配置的builderOptions中，添加viteConfig字段指定自定义配置文件路径。

4. Polyfills配置的误解澄清 #

你确实存在误解：Angular 17完全支持通过自定义Webpack或Vite配置使用Polyfills，甚至有更简便的方式：

• 使用Vite时，直接在main.ts顶部导入Polyfills文件即可，Vite会自动处理；
• 使用Webpack（通过custom-webpack）时，可沿用旧版polyfills.ts配置，或在自定义Webpack配置的entry中引入Polyfills；
• 官方保留了angular.json中polyfills字段的配置，无论使用Vite还是Webpack构建器，该配置都会生效。

内容的提问来源于stack exchange，提问作者Mayzz