Nunjucks extension for using Webpack Encore. With this extension, you can include CSS, JavaScript and assets in your Nunjucks templates.
$ npm install nunjucks-encore
import { EncoreExtension } from 'nunjucks-encore';
env.addExtension(
'encore-extension',
new EncoreExtension({
entrypointsFilename: 'path/to/entrypoints.json',
manifestFilename: 'path/to/manifest.json',
}),
);The extension adds the tags encore_entry_link_tags, encore_entry_script_tags and asset to Nunjucks.
You can add CSS files to your template with the encore_entry_link_tags tag. The extension will render the whole <link> tag.
<html>
<head>
{% encore_entry_link_tags('entry1', 'entry2') %}
</head>
<body></body>
</html>You can add JS files to your template with the encore_entry_script_tags tag. The extension will render the whole <script> tag.
<html>
<head>
</head>
<body>
{% encore_entry_script_tags('entry1', 'entry2') %}
</body>
</html>You can add asset files to your template with the asset tag:
<img src="{% asset('images/image1.png') %}" />