#53 Setup Webpack and Babel for WordPress Theme | webpack wordpress theme development | webpack 4

webpack wordpress theme development
wordpress webpack 4
webpack plugin for wordpress
wordpress webpack boilerplate
wordpress webpack github
webpack 4 wordpress starter
browsersync webpack wordpress
webpack react wordpress
wordpress bundle js

Note:

2. Remove the prefixed slash '/' from the JS_DIR, IMG_DIR and BUILD_DIR
Explained in the upcoming videos

*** Full Playlist ***

*** Github repo ***

Please star my repo to support my work 🙏

*** Please nominate me for Github Star ***

******* Social Links ********

Please follow 🙏

Twitter - @codeytek

Github - imranhsayed

******* Other Playlist ******

==== REACT TUTORIALS ====

==== REDUX TUTORIALS ====

==== REACT WITH WORDPRESS TUTORIALS ====

==== WEBPACK TUTORIALS ====

#wordpress #webpack #babel

[stevanantic]

Packages that need to install - just copy paste :)

npm i webpack webpack-cli @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader file-loader mini-css-extr
act-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

[Uncaught_in_promise]

Was looking for these 5 years.
Thank you

[zoon-dot-com]

You are an underrated teacher! The only thing I like about you is that you try to dig deeper and mention how things work under the hood.

[PanchoMarconi]

Hi! and uglifyjs-webpack-plugin don't work with weback 5, so I've installed css-minimizer-webpack-plugin and terser-webpack-plugin

[sachin]

U provided video on wp which i was looking for from long time u r great sir

[h-ash]

I don't know why I am getting error when I was installing packages. have to provide flag of --force. does it have negative impacts?

[a_zhary]

Awesome 👏 I am very glad that I have subscribed to your channel. Thank you!!!

[sylvainjacot]

npm i webpack web pack-cli @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader file-loader mini-css-extract-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

[russellazim]

Bro, I am beginner, And I just want know why we use webpacke our theme

[TrungLuongphp]

Hi Bro, I run code " npm i webpack@^4.44.1 webpack-cli@^3.3.12 @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader file-loader mini-css-extract-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D" but it has error with Cross-Site Scripting & Remote Code Execution. Please help me solves this. Thanks you!

[Uncaught_in_promise]

Please provide instructions how to include into project not only SCSS, but SASS syntax as well (either / or).

[pasizdobrekuce]

npm i webpack webpack-cli @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader file-loader mini-css-extract-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

[xotic]

how did your command know it was to execute in wordpress please help. i am on windows btw

[lonerhowl]

i was watching the 57th eps, then i noticed and b like
'where does that package-lock.json came from?!?, is it crucial?, where did i doze off??"
to just keeps checking back the previous vdo to reallized it just pop up magically out of no where in this video lol

[yohdev]

Great video!! Question... Do you have any pointers on how a child theme would work with this setup?

We would want the ability to add some custom stuff per child theme and would need the ability to overwrite sass vars.

Any ideas? My buddy and I are struggling to make a child theme.