How can I minify CSS/JS files using symfony/webpack-encore?

Question

I'm trying to minify CSS and JS files while using symfony/webpack-encore. However, I cannot find a clear answer for what I need to do. I used createSharedEntry for layouts but I need to put them into a single file eg minifying. What do I need to do? Does webpack-encore have a specific function for this or do I need to use additional plugins?

github.com/symfony/webpack-encore/blob/master/lib/plugins/… — madflow
– madflow, Commented Nov 13, 2020 at 11:29
For me, webpack encore minifies my files automatically when using the build command which creates a production build. It does not when I use the dev or watch commands since those are development build. Can you confirm you have the same behavior? Also, what version of webpack encore are you using? — Julien B.
– Julien B., Commented Nov 15, 2020 at 6:29

Urmat Zhenaliev · Accepted Answer · 2020-11-13 09:41:18Z

2

Symfony webpack encore is a bundle that helps you to read entrypoint.js generated by webpack. Nothing more. To minify js/css you need to learn more about Javascript/Webpack. There are a lot of tutorials and articles about it. You could start from this course

answered Nov 13, 2020 at 9:41

Urmat Zhenaliev

1,5679 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I minify CSS/JS files using symfony/webpack-encore?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related