如何在Shakapacker（新版Webpacker）中加载.erb文件？

• 安装所需加载器
  由于.coffee.erb文件需要先处理ERB模板、再编译CoffeeScript，需安装对应的依赖：

  yarn add erb-loader coffee-loader coffeescript
  

• 配置webpack规则
  在Shakapacker的自定义配置文件（如config/webpack/custom.js）中添加规则，让Webpack识别该后缀的文件：

  module.exports = {
    module: {
      rules: [
        {
          test: /\.coffee\.erb$/,
          use: ['coffee-loader', 'erb-loader']
        }
      ]
    }
  }
  

  注意：loader执行顺序为从右到左，因此先通过erb-loader解析ERB，再用coffee-loader编译CoffeeScript。

• 确认导入路径
  检查require('../src/active_admin/admin/menu.coffee.erb')的路径是否与实际文件位置匹配，避免因路径错误导致加载失败。

• 重启开发服务
  修改webpack配置后，重启Shakapacker开发服务器，使新规则生效。

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