--- title: Asset description: Add, remove, append, prepend and replace asset files from/to the HTML output without touching the shield files. icon: data:image/png;base64,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 dependency: false ... This extension works by looking for two special places in the HTML document, i.e. right before the `` and `` tag, and process all assets that you were added to the hook storage and then spit them out into that places: ~~~ .html Lorem Ipsum

Lorem ipsum dolor sit amet.

• ~~~ The first place is generally used to insert CSS assets, and the second place is used to insert JavaScript assets. ### Usage To append CSS assets to the `` section, write this code in an `index.php` file: ~~~ .php Asset::set('path/to/file.css'); ~~~ To append JavaScript assets to the `` section, write this code in an `index.php` file: ~~~ .php Asset::set('path/to/file.js'); ~~~ Once added, this extension will process the file path and then will output them into the HTML page as `` tags for CSS files and `