主页 / 问题 / 717981
Accepted
Иван Антонов
Asked:2020-09-13 23:00:49 +0000 UTC2020-09-13 23:00:49 +0000 UTC

Symfony/webpack-encore 基于树枝复制图像？

  • 772

下午好。

在 webpack-encore 的文档中，我没有看到如何使用 twig 中的图像。是否可以使用与 CSS 和 JS 中相同的方法来组织图像版本控制？

javascript

1 个回答

  1. Best Answer

    据我从 GitHub 上的问题了解，目前还没有可行的解决方案。唯一有效的方法是通过js连接想要的图片。

    // assets.js

require('../images/logo.png');
require('../images/basket.png');
require('../images/login.png');
require('../images/user.png');
require('../images/password.png');

    在树枝模板中像以前一样使用图像

    {{ asset('build/images/logo.png') }}

    只需在 Symfony 配置中预先指定清单的路径，以便包含名称中带有哈希的图片以进行版本控制

    framework:
    assets:
        json_manifest_path: '%kernel.project_dir%/web/build/manifest.json'

    然后一切都会很好。唯一的缺点是您必须手动将树枝模板中使用的所有图片写入 js 文件。我webpack.config.js为它添加了一个单独的文件，顺便说一下，它不必明确包含在内。

    Encore
    .addEntry('js/assets', './assets/js/assets.js') // Assets for images used in Twig Templates

    我还为 Symfony https://github.com/mariusbalcytis/webpack-bundle找到了一个有趣的捆绑包，但不明白。

    • 1

相关问题