diff --git a/frontend/encore/copy-files.rst b/frontend/encore/copy-files.rst index f1c51fb5a9d..bc263ef056a 100644 --- a/frontend/encore/copy-files.rst +++ b/frontend/encore/copy-files.rst @@ -18,7 +18,7 @@ To reference an image tag from inside a JavaScript file, *require* the file: // path is relative to this file - e.g. assets/images/logo.png const logoPath = require('../images/logo.png'); - var html = ``; + let html = `ACME logo`; When you ``require`` (or ``import``) an image file, Webpack copies it into your output directory and returns the final, *public* path to that file. @@ -60,10 +60,10 @@ To render inside Twig, use the ``asset()`` function: .. code-block:: html+twig {# assets/images/logo.png was copied to public/build/logo.png #} - + ACME logo {# assets/images/subdir/logo.png was copied to public/build/subdir/logo.png #} - + ACME logo Make sure you've enabled the :ref:`json_manifest_path ` option, which tells the ``asset()`` function to read the final paths from the ``manifest.json``