如何让RubyMine识别webpacker.yml配置并自动设置导入根目录

RubyMine 2021.1及以上版本已内置webpacker.yml适配能力，无需额外插件即可实现配置自动读取：

• 打开RubyMine设置页，进入Languages & Frameworks > JavaScript > Webpack
• 勾选Automatically detect configuration选项
• 重启IDE后会自动读取项目config/webpacker.yml中的source_path、additional_paths等字段，作为JavaScript导入的根目录规则
  如果你的webpacker.yml存放在非默认路径，手动在Webpack设置页指定对应文件路径即可。

如果你打算弃用webpacker.yml，使用通用JS格式的配置，操作如下：

• 把webpacker中定义的路径规则迁移到项目根目录下的webpack.config.js中，参考配置示例：

const path = require('path')

module.exports = {
  resolve: {
    // 按你的实际业务路径调整
    modules: [
      path.resolve(__dirname, 'app/javascript'),
      path.resolve(__dirname, 'node_modules')
    ],
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
    // 如果有别名配置也可以直接在这里定义，IDE同样能识别
    alias: {
      '@': path.resolve(__dirname, 'app/javascript/src')
    }
  }
}

• 回到RubyMine的Webpack设置页，选择上面创建的webpack.config.js作为配置文件，IDE会自动拉取所有导入解析规则
• 如果配置后未生效，执行File > Invalidate Caches...清理缓存并重启IDE即可。

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