Magento2: Làm thế nào để đường dẫn cho hình nền trong tập tin .less? [đóng cửa]

Tôi muốn đặt đường dẫn cho hình nền trong tập tin ít hơn app\design\frontend\vendor\theme\web\<lessfile>trong magento2.

magento2 image less-css

— Dipesh Rangani
nguồn

Đầu tiên thêm hình ảnh trong app\design\frontend\vendor\theme\web\imagesthư mục và viết css như dưới đây:

background: url('@{baseDir}images/icon_sprite.png');

Sau khi thêm lệnh chạy hình ảnh mới như dưới đây:

- php bin/magento cache:clean
- php bin/magento setup:static-content:deploy

— Dipesh Rangani
nguồn

Điều này không làm việc cho tôi trong Magento 2.1.4. Điều này chỉ áp dụng cho chế độ sản xuất hay điều này cũng nên hoạt động trong chế độ nhà phát triển?

— Giel Berkers

Điều này sẽ hoạt động trong cả hai chế độ, chỉ cần bạn phải chạy php bin/magento setup:static-content:deploylệnh sau khi thêm hình ảnh trong app\design\frontend\vendor\theme\web\imagesthư mục. nếu vẫn không hoạt động loại bỏ var/view_preprocessedthư mục.

— Dipesh Rangani

Cảm ơn vì bạn đã phản hồi. Hóa ra vấn đề của tôi là ở nơi khác. Một cái gì đó để làm với các tệp PNG bị hỏng. Vâng tôi biết, câu chuyện dài ... câu trả lời của bạn vẫn đúng. Tuy nhiên, bạn có thể thêm rằng trong một số trường hợp, có thể cần phải xác định @baseDirtrong chủ đề của bạn ' theme.less. Theo mặc định, biến được đặt thành ../.

— Giel Berkers

Cảm ơn bạn ! Làm thế nào về việc sử dụng nó theo phong cách này trong _email-extend.less? và sự khác biệt khi sử dụngbackground: url("@{baseUrl}images/icn.png');

— medmek