如何在Rails 5.1+中不使用Yarn和Webpack？升级后资源压缩故障

我刚帮朋友处理过类似的Rails 5.1升级坑，给你梳理下解决步骤：

一、禁用Yarn和Webpack，摆脱yarn:install报错 #

Rails 5.1开始默认引入了Webpacker并绑定Yarn安装任务，如果你不想用这套工具，得两步彻底关掉：

1. 移除Webpacker依赖
   先把Gemfile里的gem 'webpacker'注释掉，然后运行bundle install。如果之前已经生成过webpacker相关文件，也可以删掉项目根目录下的webpacker.yml、app/javascript文件夹（如果没用到的话）。

2. 取消assets:precompile对yarn:install的依赖
   打开项目的Rakefile，添加下面的代码来覆盖默认的任务依赖：

   Rake::Task['assets:precompile'].clear_prerequisites
   Rake::Task['assets:precompile'].enhance do
     # 这里可以留空，或者添加你需要的前置任务
   end
   

   另外，在config/application.rb里加上这行，防止Webpacker自动检查Yarn：

   config.webpacker.check_yarn_integrity = false if defined?(Webpacker)
   

二、修复Uglifier压缩报错（Invalid assignment） #

这个错误90%是因为你的JS代码里用了ES6+语法（比如箭头函数、const/let），而默认的Uglifier配置只支持ES5。解决方法有两个：

1. 让Uglifier支持ES6
   打开config/environments/production.rb，修改JS压缩器的配置：

   config.assets.js_compressor = Uglifier.new(harmony: true)
   

   注意：需要确保你的uglifier gem版本是>=3.0的，不然没有harmony选项，可以在Gemfile里指定gem 'uglifier', '>= 3.0'然后运行bundle update uglifier。

2. 修正JS代码中的语法问题
   如果不想升级Uglifier，就检查报错提示的JS文件，把ES6语法改成ES5，比如把const xxx = ...改成var xxx = ...，箭头函数改成普通函数。

三、解决资源文件存在但无法访问的问题 #

资源文件已经预编译出来但访问404，通常是这几个原因：

• 检查asset digest配置：确保config/environments/production.rb里开启了digest：

  config.assets.digest = true
  

  前端引用资源时一定要用Rails的asset helper，比如<%= javascript_include_tag 'application' %>或者<%= asset_path 'logo.png' %>，不要硬写路径。

• 检查asset host配置：如果你的资源放在CDN或者其他域名下，要在config/environments/production.rb里设置：

  config.action_controller.asset_host = 'your-cdn-domain.com'
  

• 检查public/assets权限：预编译后的文件权限要正确，确保服务器能读取，比如运行chmod -R 755 public/assets。

按照上面的步骤来，应该能解决你遇到的所有问题。

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