virusword.com-Wordpress

Learn Wordpress

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

#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:
1. Move the webpack.config.js into assets folder and

2. Remove the prefixed slash ‘/' from the JS_DIR, IMG_DIR and BUILD_DIR
https://github.com/imranhsayed/aquila/blob/b37b0d6e8bda62dc18884a04ba270c334f0c098a/assets/webpack.config.js#L14
Explained in the upcoming videos

—– SUBSCRIBE TO CHANNEL – https://www.youtube.com/c/ImranSayedDev?sub_confirmation=1

*** Full Playlist ***
https://codeytek.com/course/advanced-wordpress-theme-development-course/

*** Github repo ***
https://github.com/imranhsayed/aquila

Please star my repo to support my work ๐Ÿ™

*** Please nominate me for Github Star ***
https://stars.github.com/nominate/

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

Please follow ๐Ÿ™

Twitter – @codeytek

https://twitter.com/codeytek

Github – imranhsayed
https://github.com/imranhsayed

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

==== REACT TUTORIALS ====
https://codeytek.com/course/react-tutorial-from-beginner-to-advanced-course/

==== REDUX TUTORIALS ====
https://codeytek.com/course/redux-tutorial-for-beginners-course/

==== REACT WITH WORDPRESS TUTORIALS ====
https://codeytek.com/course/headless-wordpress-react-course/

==== WEBPACK TUTORIALS ====
https://codeytek.com/course/webpack-tutorial-course/

#wordpress #webpack #babel

source

Reader Interactions

Comments

  2. 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 optimize-css-assets-webpack-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

  3. 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 optimize-css-assets-webpack-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!

  4. I just discovered this course and it's amazing. I'm currently using a setup for my WordPress local development using WPGulp from Ahmad Awais. The problem it hasn't been updated for the last 2 years and I'm having some issues writing modern modular JS with it. Can you suggest if Gulp is still relevant, or it's better to switch to Webpack since I noticed Webpack can do almost the same as Gulp and even more?

  6. 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 optimize-css-assets-webpack-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

  7. 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 optimize-css-assets-webpack-plugin cssnano style-loader uglifyjs-webpack-plugin cross-env -D

Explore more

Get our Wordpress Guide Get Plugins Get Connected