A webpack.config.js for WordPress Projects

1. webpack

   1 367 65,216 9.8 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   Webpack is a free and open-source module bundler based on Node.js for JavaScript. It is very "famous" in the modern javascript frameworks world, and although it was made primarily for JavaScript, it also can transform front-end assets such as CSS, and images if the corresponding loaders are included (this is the reason I will be using so many dependencies below).

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. base-wp-theme

   2 1 9 4.1 PHP

   Base WP Theme is a starter WordPress theme to use as a base to build WordPress themes from scratch.

   

   In a WordPress project like this example theme, webpack avoids multiple requests, taking all our javascript and css files, and bundling all of them together in a minified file. It also increases my productivity, as, well, I don't need to manually compile and minify things.

4. babel-loader

   3 6 4,850 6.5 JavaScript

   📦 Babel loader for webpack

   

   babel-loader

5. cross-env

   4 23 5,156 5.6 JavaScript

   cross-env

6. mini-css-extract-plugin

   5 11 4,666 5.4 JavaScript

   Lightweight CSS extraction plugin

   

   mini-css-extract-plugin

7. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

Suggest a related project