# Asset Pipeline hiện đại & frontend (Ruby on Rails)

> Importmap-rails (Rails 7+), jsbundling/cssbundling, Hotwire (Turbo + Stimulus), Sprockets (legacy)

- 18 câu hỏi phỏng vấn
- Mid-Level
- [Câu hỏi phỏng vấn: Ruby on Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van.md)

## 1. Hệ thống quản lý asset mặc định trong Rails 7+ là gì?

**Câu trả lời**

Importmap-rails là hệ thống mặc định trong Rails 7+ để quản lý các file JavaScript. Nó cho phép sử dụng các module ES native trực tiếp trong trình duyệt mà không cần bước bundling, bằng cách ánh xạ tên package tới URL CDN hoặc file cục bộ. Điều này đơn giản hóa đáng kể cấu hình frontend đồng thời loại bỏ sự phụ thuộc vào Node.js.

## 2. Làm thế nào để thêm một thư viện JavaScript bên ngoài với Importmap-rails?

**Câu trả lời**

Lệnh bin/importmap pin thêm một thư viện JavaScript vào file config/importmap.rb. Lệnh này tự động phân giải package từ jspm.io hoặc một CDN và thêm ánh xạ tương ứng. Ví dụ, bin/importmap pin lodash thêm dòng pin cho lodash trỏ tới CDN.

## 3. Sử dụng helper Rails nào để bao gồm các script JavaScript được định nghĩa trong importmap?

**Câu trả lời**

Helper javascript_importmap_tags tạo ra các thẻ cần thiết để tải importmap và điểm vào (entry point) JavaScript. Nó tạo ra một thẻ script type='importmap' chứa các ánh xạ, cũng như một thẻ để tải file application.js. Helper này thay thế javascript_pack_tag được dùng với Webpacker.

## Còn 15 câu hỏi nữa

- Sự khác biệt chính giữa jsbundling-rails và cssbundling-rails là gì?
- Vai trò chính của Turbo Drive trong Hotwire là gì?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn Ruby on Rails khác

- [Kiến thức cơ bản về Ruby](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/ruby-basics.md): 25 câu hỏi, Junior
- [Lập trình hướng đối tượng trong Ruby](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/ruby-oop.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-fundamentals.md): 18 câu hỏi, Junior
- [Routing & Controllers](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/routing-controllers.md): 22 câu hỏi, Junior
- [Kiến thức cơ bản về ActiveRecord](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/active-record-basics.md): 25 câu hỏi, Junior
- [Views & Template ERB](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/views-erb-templates.md): 20 câu hỏi, Junior
- [Liên kết ActiveRecord](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/active-record-associations.md): 24 câu hỏi, Mid-Level
- [Truy vấn ActiveRecord nâng cao](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/active-record-queries.md): 28 câu hỏi, Mid-Level
- [Form Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-forms.md): 20 câu hỏi, Mid-Level
- [Xác thực & Phân quyền](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/authentication-authorization.md): 22 câu hỏi, Mid-Level
- [Chế độ API của Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-api-mode.md): 20 câu hỏi, Mid-Level
- [Kiểm thử với RSpec](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-testing-rspec.md): 24 câu hỏi, Mid-Level
- [ActiveJob & Background Jobs](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/active-job-background-jobs.md): 20 câu hỏi, Mid-Level
- [ActionCable & WebSockets](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/action-cable-websockets.md): 18 câu hỏi, Mid-Level
- [ActionMailer](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/action-mailer.md): 18 câu hỏi, Mid-Level
- [ActiveStorage](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/active-storage.md): 20 câu hỏi, Mid-Level
- [Chiến lược Caching](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/caching-strategies.md): 20 câu hỏi, Mid-Level
- [Migration nâng cao](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/database-migrations-advanced.md): 20 câu hỏi, Mid-Level
- [Rails Engines & ứng dụng mô-đun](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-engines-modular-apps.md): 18 câu hỏi, Senior
- [Tối ưu hóa hiệu năng](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/performance-optimization.md): 26 câu hỏi, Senior
- [Design Patterns trong Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-design-patterns.md): 22 câu hỏi, Senior
- [Lập trình meta trong Ruby](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/ruby-metaprogramming.md): 20 câu hỏi, Senior
- [Bảo mật Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-security.md): 22 câu hỏi, Senior
- [GraphQL với Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/graphql-rails.md): 20 câu hỏi, Senior
- [Triển khai & Sản xuất](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-deployment-production.md): 20 câu hỏi, Senior
- [Monitoring & Logging](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/monitoring-logging.md): 20 câu hỏi, Senior
- [Chiến lược nâng cấp Rails](https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-upgrade-strategies.md): 18 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/ruby-on-rails/cau-hoi-phong-van/rails-asset-pipeline