Включить содержимое файла CSS в ветку

Допустим, я использую Webpack и правильно создал файл Css в «build/theme/mail.css». Я хочу включить СОДЕРЖИМОЕ этого файла в свою ветку.

{% include "https://mysite.io/build/theme/mail.css" %} не работает, говоря, что не может найти файл (но он существует).

I don't want that because im using an inliner, and absolutly need the #CONTENT in my twig.

Вы пробовали с source() ?

user3013440 18.12.2020 18:28

Да и не работает

Ggs 18.12.2020 18:37

Поместите файл CSS в папку просмотра, а затем включите

DarkBee 18.12.2020 18:49

Я использую webpack, поэтому файл css находится в папке сборки, было бы проще положить в папку просмотра...

Ggs 18.12.2020 19:04
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
4
351
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете создать собственное расширение ветки и использовать file_get_contents.

Расширение:

<?php

namespace App\Twig;

use Symfony\Component\DependencyInjection\ParameterBag\ParameterBagInterface;
use Twig\Extension\AbstractExtension;
use Twig\TwigFunction;

class GetPublicFileContentExtension extends AbstractExtension
{
    /** @var string */
    private $publicPath;

    public function __construct(ParameterBagInterface $parameterBag)
    {
        $this->publicPath = $parameterBag->get('kernel.project_dir') . '/public/';
    }

    public function getFunctions(): array
    {
        return [
            new TwigFunction('get_public_file_content', [$this, 'getPublicFileContent']),
        ];
    }

    public function getPublicFileContent(string $filepath)
    {
        return file_get_contents($this->publicPath . $filepath);
    }
}

Ветка:

{{ get_public_file_content('build/theme/mail.css') }}
Ответ принят как подходящий

Пробовал файл получить содержимое, не работает. Нашел решение:

twig:
    paths:
        '%kernel.project_dir%/public': public

Добавить путь ветки в общедоступный каталог

а затем используйте:

        {% apply inline_css(source(theme_asset('@public/build/theme/email.css'))) %}

и добавьте webpackconfig для сборки файла scss в public/build

Спасибо вам всем.

Другие вопросы по теме