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

1 2 3 4 5 6 7

/ /资产/ js / app.js//返回该文件的最终公共路径//路径相对于这个文件，例如assets/images/logo.png常量logoPath =需要（“. . /图片/ logo.png”）;varhtml =' < img src = "$ {logoPath}“>”；

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

拷贝文件()方法将这些文件复制到最终输出目录中。

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

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

这将复制所有文件资产/图片成web /构建(输出路径)。如果你有启用版本控制，复制的文件将包含基于其内容的散列。

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

1 2 3 4 5

{# assets/images/logo.png复制到web/build/logo.png #}<imgsrc＝＂{{asset('build/logo.png')}}＂>{# assets/images/subdir/logo.png复制到web/build/subdir/logo.png #}<imgsrc＝＂{{asset('build/subdir/logo.png')}}＂>

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