WordPress Gulp and Webpack starter theme

Under the hood

• ES6 for JavaScript (transpiling with Babel and linting with ESLint)


• SASS preprocessor for CSS with SASS Guidelines


• Bootstrap 5 as CSS framework (customizable with SASS)


• Gulp 4 & Webpack 5 to manage, compile and optimize theme assets


• SVG Sprite : create a folder containing all your SVGs like assets/src/svg/sprite and run your watch or build

Requirements

• Node


• Gulp

Usage

First, clone this repository in your WordPress themes directory.

Then, run the following commands in the theme's directory :

npm install

Launch your watch for assets with :

npm run start

For production sites, create your build with :

npm run build