SpringBoot项目中Webpack与Eclipse搭配的性能问题排查求助

一、Webpack Watch模式导致性能问题（电脑死机）的排查与解决 #

可能原因 #

• 双重文件监控冲突：Webpack配置了poll: 4000（主动轮询文件系统），同时Eclipse也在监控项目目录的文件变化，两者重复扫描同一文件，导致CPU/内存占用飙升。
• 输出目录在Eclipse源码监控范围内：Webpack输出的bundle.js放在src/main/resources/static/built，Eclipse会实时扫描这个目录的文件变更，Webpack每次打包生成文件都会触发Eclipse的资源扫描，形成循环消耗。

解决方案 #

1. 关闭Webpack的轮询模式，改用原生文件系统事件监听
   修改webpack.config.js的watchOptions，移除poll: 4000或者设置为false：

   watchOptions: {
       ignored: [
           path.resolve(__dirname, '.mvn'),
           path.resolve(__dirname, '.settings'),
           path.resolve(__dirname, 'bin'),
           path.resolve(__dirname, 'node_modules'),
           path.resolve(__dirname, 'src', 'main', 'java'),
           path.resolve(__dirname, 'src', 'main', 'resources'),
           path.resolve(__dirname, 'src', 'test'),
           path.resolve(__dirname, 'src', 'target'),
       ],
       aggregateTimeout: 500, // 缩短聚合等待时间，减少重复打包
       // poll: 4000,  // 注释或删除这一行
   }
   

   原生文件系统事件监听比轮询更高效，不会持续占用CPU。

2. 将Webpack输出目录移出Eclipse源码目录
   修改webpack.config.js的输出路径到项目根目录的dist文件夹，避免Eclipse监控：

   output: {
       path: path.resolve(__dirname, "dist/built"), // 改为dist目录
       filename: "bundle.js"
   }
   

   然后在SpringBoot的application.properties中配置静态资源路径：

   spring.web.resources.static-locations=classpath:/static/,file:./dist/
   

3. 调整Eclipse的资源监控范围
   右键项目 → Properties → Resource → Resource Filters，添加排除过滤器，排除以下目录：

   • node_modules
   • dist
   • src/main/js（Webpack处理的JS源码目录）
     这样Eclipse不会扫描这些目录的文件变化，减少资源消耗。

4. 关闭Eclipse自动构建（可选）
   如果不需要Eclipse自动编译Java代码，可关闭Project菜单下的Build Automatically，改为手动构建（Ctrl+B），避免Webpack打包时触发Eclipse的不必要构建。

二、Eclipse无法自动检测bundle.js变更的解决办法 #

解决方案 #

1. 开启Eclipse原生自动刷新
   打开Window → Preferences → General → Workspace：

   • 勾选Refresh using native hooks or polling
   • 勾选Refresh on access
     这样Eclipse会自动检测外部程序（如Webpack）修改的文件。

2. 排除bundle.js所在目录的Eclipse构建路径
   右键项目 → Build Path → Configure Build Path → Source：

   • 选中src/main/resources，点击Exclude
   • 添加static/built目录到排除列表
     这样Eclipse不会将该目录视为源码目录，会更及时地感知外部文件的修改。

3. 使用SpringBoot DevTools自动刷新
   添加DevTools依赖到pom.xml（Maven）：

   <dependency>
       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-devtools</artifactId>
       <optional>true</optional>
   </dependency>
   

   然后在application.properties中配置监控额外路径：

   spring.devtools.restart.additional-paths=./dist/built
   spring.devtools.livereload.enabled=true
   

   这样DevTools会自动检测bundle.js的变化，刷新浏览器或重启应用。

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