img标签?如果将资产存储在公共文档根目录之外，这可能会很棘手。幸运的是，根据你的情况，有一个解决方案!

1 2 3 4 5 6 7

/ /资产/ app.js//返回该文件的最终公共路径//路径相对于这个文件，例如assets/images/logo.png进口logoPath从“. . /图片/ logo.png”；让html =' < img src = "$ {logoPath}" alt="ACME logo"> '；

当你需要(或进口)一个图像文件，Webpack复制到你的输出目录，并返回最终的，公共该文件的路径。

拷贝文件()方法将这些文件复制到最终输出目录中。首先在webpack.config.js：

12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

// webpack.config.js Encore // ... .setOutputPath('public/build/')+ .copyFiles ({+ from: './assets/images'，++ //相对于输出目录的可选目标路径+ to: 'images/[path][name].[ext]'，++ //如果启用了版本控制，也添加文件散列+ //to: 'images/[path][name].[hash:8].[ext]'，++ //只复制匹配此模式的文件+ //pattern: /\.(png|jpg|jpeg)$/+})

然后重新启动Encore。当你这样做时，它会给你一个命令，你可以运行它来安装任何缺失的依赖项。运行该命令并重新启动Encore之后，您就完成了!

这将复制所有文件资产/图片成公共/构建/图片．如果你有启用版本控制，复制的文件将包含基于其内容的散列。

要在Twig内部渲染，使用资产()功能:

1 2 3 4 5

{# assets/images/logo.png被复制到public/build/images/logo.png #}<imgsrc＝＂{{asset('build/images/logo.png')}}＂alt＝“ACME的标志”>{# assets/images/subdir/logo.png复制到public/build/images/subdir/logo.png #}<imgsrc＝＂{{asset('build/images/subdir/logo.png')}}＂alt＝“ACME的标志”>

确保已启用json_manifest_path选项，它告诉资产()函数中读取最终路径manifest.json文件。如果你不确定要传递给资产()函数，找到文件manifest.json并使用关键作为论证。