How Sprockets works

on YouTube ↗30m

" summary

Explains how Sprockets composes processors, transformers and compressors into the default pipeline that builds assets, how the environment and manifest map logical paths to fingerprinted files, and how development uses the debug pipeline with source maps while production relies on precompile. Shows concrete tools used: Babel, CoffeeScript, Sass, execjs, sprockets-rails, and code for registering processors. Demonstrates real extensions such as an NPM directive to pull node_modules and an automatic SVG to PNG conversion at precompile, with examples of implementation and how the bundle processor concatenates required files.

AI-written summary · about

" chapters (23)

1. 0:00How Sprockets works
2. 0:58RAILS Maintainer
3. 3:49Code organization X Performance
4. 4:06Small self-contained files
5. 6:00Processors pipeline
6. 6:28Most important component in Sprockets
7. 10:24Compressor
8. 14:03It has methods to retrieve and serve assets, manipulating load path, and registering processors.
9. 15:15Points the asset path to the fingerprinted version
10. 16:59Integrates Sprockets to the Rails application
11. 17:13Configures the Sprockets environment
12. 17:24Checks the precompile list
13. 19:13It allows you to run JavaScript code from Ruby
14. 20:04It is used by the coffee-script gem to compile CoffeeScript code
15. 20:25Defines a template handler
16. 20:41How the assets are generated in development.
17. 21:21sprockets-rails use the Sprockets' pipeline 'debug
18. 22:08To build the asset bundle the default pipeline is used
19. 23:07To compile the required files the self pipeline is used
20. 24:32The bundler processor merge all of them
21. 24:44What are the key difference between development and production
22. 28:33Understand your tools
23. 28:43Share with the community

" related talks

• 37mHow Sprockets WorksRafael Mendonça França · RubyDay 2016
• 31mHow Sprockets WorksRafael Mendonça França · EuRuKo 2016
• 29mAggregation with SprocketsChristophe Porteneuve · JSConf.eu 2009
• 20mMaster the Rails Asset Pipeline: Best Practices for Apps & GemsAdrian Marin · RailsConf 2025
• 17mWebpacker vs Asset PipelineDanielle Gordon · RailsConf 2019
• 24mPropshaft and the Modern Asset PipelineBreno Gazzola · Rails World 2023
• 34mFrom Sprockets to js-bundling: Evolution of JavaScript tooling in Rails!Vipul AM · RubyConf India 2023
• 37mWebpacker, It-Just-Works, But How?Justin Gordon · RailsConf 2020 CE