Webpack多入口配置必须用对象形式（如entry: {a: './src/a.js'}），数组形式不被WebStorm识别为多入口；配置文件须置于项目根目录，否则需手动指定路径并重载；output.filename必须含[name]占位符，路径须用path.resolve()，且tsconfig.json需正确配置baseUrl和paths以支持别名跳转。
Webpack多入口配置必须写成对象形式，不能用数组
WebStorm 识别多入口的前提是它能静态解析 entry 字段——而这个字段只在对象格式下才被 IDE 当作“多个命名入口”处理。如果你写成 entry: ['./src/a.js', './src/b.js']，WebStorm 会当成单入口数组，不生成对应 chunk 名提示、不支持按入口名跳转、也不识别 [name] 占位符语义。
- ✅ 正确写法：
entry: { a: './src/a.js', b: './src/b.js' } - ❌ 错误写法：
entry: ['./src/a.js', './src/b.js']或entry: { a: ['./src/a.js'] }（数组嵌套也会失效） - output.filename 必须含
[name]，否则 WebStorm 无法关联入口名与输出文件，导致“跳转到打包后文件”功能缺失 - 路径必须用
path.resolve(__dirname, ...)，不能用相对路径字符串；否则 WebStorm 在不同工作目录下解析失败，别名和跳转都断掉
WebStorm不自动识别子目录下的webpack.config.js，多入口配置也一样
哪怕你把 webpack.config.js 放在 build/ 或 config/ 下，并且里面写了完整的多入口配置，WebStorm 默认完全无视——它只扫描项目根目录（即 package.json 所在层）的 webpack.config.js、webpack.config.cjs 或 webpack.config.mjs。
- 最省事：把配置文件移到根目录，和
package.json同级 - 必须放子目录？进
Settings → Languages & Frameworks → JavaScript → Webpack，手动填路径，例如config/webpack.config.js - 填完后务必点右上角
Reload configuration，否则 WebStorm 还是读不到 - 如果用了
webpack-merge或拆分配置（如webpack.base.js+webpack.prod.js），WebStorm 不执行 JS 代码，只读主配置文件，所以合并逻辑对 IDE 无效
多入口下别名跳转失效？TypeScript paths 和 Webpack alias 必须双配
WebStorm 跳转 @/components/Button 这类路径，靠的是 TypeScript 的 paths 映射，不是 Webpack 的 resolve.alias。即使 Webpack 构建时一切正常，IDE 仍会标红、无法 Ctrl+Click——因为它是静态分析器，不运行 path.resolve()。
-
tsconfig.json中必须有：baseUrl: "./src"（注意开头的./）和"@/*": ["*"]（key 必须以/结尾） - WebStorm 设置里要勾选
Use paths mapping from tsconfig.json，然后右下角 TS 图标 →Restart TypeScript Service - Webpack 的
resolve.alias可以保持一致，但仅用于运行时；IDE 完全不读它 - Vue CLI/Vite 项目同理：它们的
vue.config.js或vite.config.ts里的 alias 对 WebStorm 无效，照样得配tsconfig.json
多入口 HTML 模板没提示？html-webpack-plugin 配置要带 filename 和 chunks
WebStorm 能识别 html-webpack-plugin 实例并提供模板跳转、chunks 补全，但前提是插件配置完整且可静态提取。如果只写 new HtmlWebpackPlugin()，IDE 拿不到入口关联信息，就不会提示哪个 HTML 对应哪个 chunk。
- 每个实例必须显式声明
filename（如'a.html'）和chunks（如['a']），不能依赖默认值 - 避免动态构造
chunks数组，比如Object.keys(entry).map(...)—— WebStorm 解析不了运行时逻辑 - 模板路径要用
template: path.resolve(__dirname, 'src/a.html')，别用./src/a.html - 如果用了
html-webpack-plugin的inject: false，WebStorm 就不会尝试解析 script 注入点，相关智能提示直接消失
