How to get the defer tag on encore_scripts <script #47782

Oct 4, 2022

neilf184
Oct 4, 2022

I've been attempting to upgrade by webpack-encore from 0.31.1 to 1.8.2 (wepack 4 to webpack 5) so as to be able to have the 'defer' tag included on the <script> html elements for encore_scripts. Having finally got the application to build (npm run dev) with webpack 1.8.2 I'm disappointed to see that the 'defer' tags are not being generated.

I tried installing webpack-encore-bundle on top of my existing packages, as per article here . This has created a webpack_encore.yaml file which includes "script_attributes: defer: true" but this has made do difference. Presumably this is because webpack is using my webpack.config.js file and ignoring webpack_encore.yaml.

Is there some way of configuring this in webpack.config.js, how can I get this working?

MatTheCat · Oct 10, 2022

MatTheCat
Oct 10, 2022

defer get added if you use encore_entry_script_tags in your Twig template. This function comes with the WebpackEncoreBundle so you probably don’t call it since you did not install the bundle before.