The current command for installing the right versioned packages: 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 css-minimizer-webpack-plugin cssnano style-loas-minimizer-webpack-plugin cssnano style-loader cross-env -D
Hi! optimize-css-assets-webpack-plugin and uglifyjs-webpack-plugin don't work with weback 5, so I've installed css-minimizer-webpack-plugin and terser-webpack-plugin
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!
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.
So that we can create components in modular pattern which makes it easy to work on those pieces of code and functionality in isolation and Webpack can bundle them together at build time into one file. You can watch this series to know more about Webpack benefits ruclips.net/p/PLD8nQCAhR3tRSHDQDZi3jGSgQ_9VNY4gu
.. Just uploaded one more with sass rules.. ruclips.net/video/_KqJzhnjEjI/видео.html I have already recorded one's with sass, including fonts, images files, all power packed, more on the way under editing currently.
if you see this please reply bro my website desperately needs speed and no cache, optimizer, defer, async, minify plugin can help it that much. I need code splitting please
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
The current command for installing the right versioned packages: 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 css-minimizer-webpack-plugin cssnano style-loas-minimizer-webpack-plugin cssnano style-loader cross-env -D
Hi! optimize-css-assets-webpack-plugin and uglifyjs-webpack-plugin don't work with weback 5, so I've installed css-minimizer-webpack-plugin and terser-webpack-plugin
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.
Thank you!
Was looking for these 5 years.
Thank you
Your welcome
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
U provided video on wp which i was looking for from long time u r great sir
Enjoy
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?
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!
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
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.
Same set up.
Please follow this
developer.wordpress.org/themes/advanced-topics/child-themes/
Bro , I am beginner, And I just want know why we use webpacke our theme
So that we can create components in modular pattern which makes it easy to work on those pieces of code and functionality in isolation and Webpack can bundle them together at build time into one file.
You can watch this series to know more about Webpack benefits
ruclips.net/p/PLD8nQCAhR3tRSHDQDZi3jGSgQ_9VNY4gu
Please provide instructions how to include into project not only SCSS , but SASS syntax as well (either / or).
.. Just uploaded one more with sass rules..
ruclips.net/video/_KqJzhnjEjI/видео.html
I have already recorded one's with sass, including fonts, images files, all power packed, more on the way under editing currently.
Awesome 👏 I am very glad that I have subscribed to your channel. Thank you!!!
Welcome
I get errors installing packages
how did your command know it was to execute in wordpress please help. i am on windows btw
if you see this please reply bro my website desperately needs speed and no cache, optimizer, defer, async, minify plugin can help it that much. I need code splitting please
The command was run inside of the assets directory