diff --git a/symfony/asset-mapper/6.4/assets/app.js b/symfony/asset-mapper/6.4/assets/app.js new file mode 100644 index 00000000..e3b03ade --- /dev/null +++ b/symfony/asset-mapper/6.4/assets/app.js @@ -0,0 +1,9 @@ +/* + * Welcome to your app's main JavaScript file! + * + * This file will be included onto the page via the importmap() Twig function, + * which should already be in your base.html.twig. + */ +import './styles/app.css' + +console.log('This log comes from assets/app.js - welcome to AssetMapper! 🎉') diff --git a/symfony/asset-mapper/6.4/assets/styles/app.css b/symfony/asset-mapper/6.4/assets/styles/app.css new file mode 100644 index 00000000..dd6181a1 --- /dev/null +++ b/symfony/asset-mapper/6.4/assets/styles/app.css @@ -0,0 +1,3 @@ +body { + background-color: skyblue; +} diff --git a/symfony/asset-mapper/6.4/config/packages/asset_mapper.yaml b/symfony/asset-mapper/6.4/config/packages/asset_mapper.yaml new file mode 100644 index 00000000..d1ac653b --- /dev/null +++ b/symfony/asset-mapper/6.4/config/packages/asset_mapper.yaml @@ -0,0 +1,5 @@ +framework: + asset_mapper: + # The paths to make available to the asset mapper. + paths: + - assets/ diff --git a/symfony/asset-mapper/6.4/importmap.php b/symfony/asset-mapper/6.4/importmap.php new file mode 100644 index 00000000..6d298076 --- /dev/null +++ b/symfony/asset-mapper/6.4/importmap.php @@ -0,0 +1,21 @@ + [ + 'path' => './assets/app.js', + 'entrypoint' => true, + ], +]; diff --git a/symfony/asset-mapper/6.4/manifest.json b/symfony/asset-mapper/6.4/manifest.json new file mode 100644 index 00000000..c33d2eec --- /dev/null +++ b/symfony/asset-mapper/6.4/manifest.json @@ -0,0 +1,26 @@ +{ + "copy-from-recipe": { + "assets/": "assets/", + "config/": "%CONFIG_DIR%/", + "importmap.php": "importmap.php" + }, + "aliases": ["asset-mapper", "importmap"], + "gitignore": [ + "/%PUBLIC_DIR%/assets/", + "/assets/vendor" + ], + "add-lines": [ + { + "file": "templates/base.html.twig", + "content": " {{ importmap('app') }}", + "position": "after_target", + "target": "{% block javascripts %}", + "warn_if_missing": true + } + ], + "conflict": { + "symfony/framework-bundle": "<6.3", + "symfony/twig-bundle": "<6.3", + "symfony/flex": "<1.20.0 || >=2.0.0,<2.3.0" + } +}