symfony 4 webpack + изображение дескриптора бис в шаблоне подробнее

Как этот вопрос:

Используя Symfony 4 с Webpack + Encore + Yarn, я хочу обрабатывать изображения в своих шаблонах, и я не совсем понимаю, как этого добиться.

Я помещаю свое изображение в папку /assets/img/logo.png и использую его в своем webpack.config.js:

.addEntry ('логотип', './assets/img/logo.png')

И после того, как я бегу:

пряжа беги на бис

При этом создаются файлы /public/build/logo.js и /public/build/images/logo.aez323a.png.

Я бы хотел знать:

Для чего нужен logo.js?

И как мне сохранить структуру каталогов. Например, если у меня есть:

img/folder1/folder2/img.png

Я хочу сохранить эту структуру и не получать все в сборке / образе

Спасибо ребята


webpack image symfony templates symfony4
person Anthony Ln    schedule 07.03.2018    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Я нашел хорошее решение для обработки изображений или других файлов в шаблоне.

Здесь -> https://knpuniversity.com/screencast/webpack-encore/copy-plugin < / а>

Шаг 1. Установите плагин

yarn add copy-webpack-plugin --dev

Шаг 2: Настройте webpack.config.js

var Encore = require('@symfony/webpack-encore');
const CopyWebpackPlugin = require('copy-webpack-plugin');

Шаг 3: Сообщите webpack, где находится ваша папка (пример здесь статический, может быть img или что-то еще)

.addPlugin(new CopyWebpackPlugin([
        // copies to {output}/static
        { from: './assets/static', to: 'static' }
]))

Шаг 4: беги на бис

yarn run encore dev

Все ваши папки и файлы в "статике" (для примера) будут скопированы в папку "Public / build" !!!

Вуаля вуаля

person Anthony Ln    schedule 08.03.2018