Configure Webpack 5 in Wordpress (2023) with Typescript and SASS

No video

Configure Webpack 5 in Wordpress (2023) with Typescript and SASS

Рет қаралды 4,522

Alejandro AO - Software & Ai

Күн бұрын

Пікірлер: 30

@kamilp3992 Ай бұрын

Thanks for this video, it helps a lot with working on my first plugin. You should definitely create more content focused on WordPress. There is a lack of good teachers in this area on KZfaq.

@alejandro_ao 25 күн бұрын

thank you! i really appreciate it :) i will try! i am mostly focusing on AI and data recently though

@pellax 8 ай бұрын

Best video about the subject I've ever found. Muchas gracias, ojalá y hayan más vídeos así.

@alejandro_ao 7 ай бұрын

gracias! un abrazo 🤗

@christianoCR7Official Жыл бұрын

Just finished this now.. I must say it was worth it. Learned a lot of new things. Thanks Alejandro 😇

@alejandro_ao Жыл бұрын

thank you! i'm glad you found this useful!

@nikitanyn4980 Жыл бұрын

thank you for the lesson!

@alejandro_ao Жыл бұрын

Glad it was helpful!

@anthillca3665 Жыл бұрын

Ok holy shit. I've been looking for a vid like this for years. dude, you deserve much props. thx so much.

@alejandro_ao Жыл бұрын

thank you so much! i'm glad that you found it useful!!

@craioffear2619 Жыл бұрын

good job my friend!

@alejandro_ao Жыл бұрын

thank you my friend ;)

@lancek7533 Жыл бұрын

This is great man, thank you!

@alejandro_ao Жыл бұрын

thank you!!

@user-yd7rk7qd1o 6 ай бұрын

very cool explanation! thanx alot!

@alejandro_ao 6 ай бұрын

Glad it helped!

@Luchen Жыл бұрын

Thanks for the content! It was pretty easy to follow and just enough information not to make it overwhelming. Would you mind sharing your VS code setup to work with PHP/Wordpress?

@maryamrika Жыл бұрын

Thanks Alejandro🙏. I was looking for this for ages. thanks for sharing. I just added browser-sync-webpack-plugin for auto reloading . Maybe i'm a auto reloading freak😝. Can you make a video about "Open the New Page Without Reloading or Refresh the Page ". Thanks a lot ❤❤❤💯💯💯

@ravimakwana1641 Жыл бұрын

Thank you so much for this video. Can you make video about the how to purge Bootstrap/TailwindCSS while creating website? thank you in advance.

@anirudhachakrabarty2050 8 ай бұрын

Just awesome video... But how can I make the pipeline to reflect the changes in the live server.. how to deploy this one? Can you make a video on that? This will be super awesome.... ❤

@ScottMackey Жыл бұрын

Great video thanks. Suggest Vite for the packager nowadays, it's faster building and out-of-box come with a lot more without configuration. Wonder if with all browsers supporting ES6 now, is babel even needed?

@alejandro_ao Жыл бұрын

i love vite. it never hurts to know how webpack works behinds the scenes tho!

@dramatrailerglobal 11 ай бұрын

I have watched your video in its entirety and gained a lot. WordPress loads style.css by default. Can your framework be optimized to directly generate style.css when generating main.css? This seems to be more in line with WordPress style.

@alejandro_ao 10 ай бұрын

hey there, sure thing. all you have to do then is update the webpack config to create a style.css. but i would still recommend to create your own as you might need the default one to create child themes. i prefer to stay away from system defaults in wordpress in order to not break anything

@kevinrittershaus9380 Жыл бұрын

THIS WAS AWESOME! Thank you. 2 questions. How can we add browser reload? Is there a way to zip the file when the theme is built? Yes, I'm a noob to webpack.

@alejandro_ao Жыл бұрын

thank you Kevin! i'm glad you found it useful :) - I think the best way to set up browser reload with WordPress is not in WebPack but by using "Local by Flywheel" to run WP locally. Then just enable Project Name > Tools > Instant Reload and it should reload every time WebPack watcher is triggered ;) 👉 kzfaq.info/get/bejne/o7OVdsVznJ_GdX0.html - As for zipping, you should have that option by default by right clicking on the file, i think on windows it's called "send to compressed file" :)

@user-ri8ow3qh7l Жыл бұрын

Need to add auto reload for browser

@alejandro_ao Жыл бұрын

i'd go for the live reload feature from Local by Flywheel (kzfaq.info/get/bejne/o7OVdsVznJ_GdX0.html) imh that works best for wordpress, but feel free to add weback-live-server to the config file!

@user-ri8ow3qh7l Жыл бұрын

@@alejandro_ao May be is time to add vite in worpdress?

@alejandro_ao Жыл бұрын

@@user-ri8ow3qh7l vite is really cool. i've never used it with a wordpress project tho, but yeah i suppose you can adapt vite to wordpress and get your setup working even faster!