Challenge 1 / 1

Because we like dinosaurs, I've created the following file:

// assets/dinosaur.js

console.log('RAAWR 🦖');

Scary! Assuming we have a standard Encore setup, how could we get this code to run on our page?

Add this to app.js:

import './dinosaur';

Update webpack.config.js to have this line:

.addEntry('dinosaur', './assets/dinosaur.js')

It's automatic! Any JavaScript in the assets/ directory will be included when calling encore_entry_script_tags('app').

In base.html.twig, also add encore_entry_script_tags('dinosaur')