Image symfony 4网页包+;encore处理模板中的图像更多信息

Image symfony 4网页包+;encore处理模板中的图像更多信息,image,symfony,templates,webpack,symfony4,Image,Symfony,Templates,Webpack,Symfony4,比如: 使用带有Webpack+Encore+Thread的Symfony 4,我想处理图像 在我的模板中,我不知道如何实现这一点 我把我的图像放在我的/assets/img/logo.png文件夹中,并在我的 webpack.config.js: .addEntry('logo','。/assets/img/logo.png') 在我跑步之后: 纱线运行安可开发 生成/public/build/logo.js和 /public/build/images/logo.aez323a.png文件 我

比如:

使用带有Webpack+Encore+Thread的Symfony 4,我想处理图像 在我的模板中,我不知道如何实现这一点

我把我的图像放在我的/assets/img/logo.png文件夹中,并在我的 webpack.config.js:

.addEntry('logo','。/assets/img/logo.png')

在我跑步之后:

纱线运行安可开发

生成/public/build/logo.js和 /public/build/images/logo.aez323a.png文件

我想知道:

“logo.js”是什么意思

以及如何保持我的目录结构。例如,如果我有:

img/folder1/folder2/img.png
我希望保持这种结构,而不是将所有内容都放在构建/映像中


谢谢大家

我找到了一个很好的解决方案来处理模板中的图像或其他文件

此处->

步骤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或任何东西)

步骤4:运行安可

yarn run encore dev
所有进入“静态”的文件夹和文件(例如)将被复制到“公共/构建”文件夹

瞧,瞧

yarn run encore dev