• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
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

Written by:
Abdul Wahid
Published on:
January 21, 2022

Categories: VideosTags: browsersync webpack wordpress, codeytek, docker wordpress webpack, Imran Sayed, Imran Sayed - Codeytek Academy, ImranSayedDev, webpack 4 wordpress starter, webpack plugin for wordpress, webpack react wordpress, wordpress bundle js, wordpress themes, wordpress webpack 4, wordpress webpack boilerplate, wordpress webpack github

Reader Interactions

Comments

  1. Xotic

    January 21, 2022 at 7:17 pm

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

  2. sylvain Jacot

    January 21, 2022 at 7:17 pm

    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. Trung Luong

    January 21, 2022 at 7:17 pm

    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. Alexander Samokhin

    January 21, 2022 at 7:17 pm

    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?

  5. Russell Azim

    January 21, 2022 at 7:17 pm

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

  6. stevan antic

    January 21, 2022 at 7:17 pm

    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. Petar Ratkoviฤ‡

    January 21, 2022 at 7:17 pm

    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

  8. Anton Zhary

    January 21, 2022 at 7:17 pm

    Awesome ๐Ÿ‘ I am very glad that I have subscribed to your channel. Thank you!!!

  9. B. Mikel

    January 21, 2022 at 7:17 pm

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

  10. B. Mikel

    January 21, 2022 at 7:17 pm

    Was looking for these 5 years.
    Thank you

  11. SACHIN

    January 21, 2022 at 7:17 pm

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

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (28)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 ยท Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter