PhpStorm升级至2017.3.3后无法分析webpack.config.js求助

这个报错确实挺闹心的，尤其是用Laravel默认配置的时候——PhpStorm 2017.3.3版本对Laravel Mix封装的webpack配置解析支持不够完善，试试下面几个实用方案：

方案1：直接禁用该文件的IDE分析 #

如果不需要在webpack.config.js里写代码、依赖它的代码提示，这是最直接的办法：

• 右键点击项目中的webpack.config.js文件
• 选择Mark as > Ignored
  IDE会彻底跳过对这个文件的所有分析检查，不会再弹出报错提示。

方案2：调整IDE的特定检查项 #

只想隐藏这个报错、保留其他功能的话，可以针对性禁用对应的检查规则：

1. 当报错提示弹出时，点击提示框右侧的下拉箭头
2. 选择Inspection 'Webpack configuration analysis' -> Disable inspection
   之后IDE就不会再触发这个特定的检查，也就不会弹出这个烦人的提示了。

方案3：修改webpack配置文件让IDE能识别 #

Laravel 5.5的默认webpack.config.js是通过require('laravel-mix')加载配置的，旧版PhpStorm可能追踪不到mix的配置逻辑。你可以添加一段注释告诉IDE这是标准webpack配置：

// webpack.config.js
const mix = require('laravel-mix');

/* webpack-config */
mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

添加/* webpack-config */注释后，PhpStorm会尝试按照标准webpack配置文件重新解析，大概率能解决报错。

方案4：升级PhpStorm到更高版本 #

2017.3.3是比较老旧的版本了，JetBrains在后续版本中修复了大量对Laravel Mix和webpack配置的解析问题。如果条件允许，升级到2018.x及以上版本，这个报错几乎会自动消失，这也是最彻底的解决办法。

希望这些方法能帮你搞定问题！

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