https://github.com/oguilleux/webpack-gulp-wordpress-starter-theme

A WordPress theme with Webpack & Gulp
https://github.com/oguilleux/webpack-gulp-wordpress-starter-theme

babel bootstrap bootstrap5 es6 es6-javascript eslint gulp gulp4 sass sass-guidelines webpack webpack5 wordpress wordpress-gulp wordpress-starter-theme wordpress-theme wordpress-webpack

Last synced: 3 months ago
JSON representation

A WordPress theme with Webpack & Gulp

• Host: GitHub
• URL: https://github.com/oguilleux/webpack-gulp-wordpress-starter-theme
• Owner: oguilleux
• Created: 2018-09-11T12:59:26.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-12-19T12:56:35.000Z (7 months ago)
• Last Synced: 2024-01-19T08:11:34.614Z (6 months ago)
• Topics: babel, bootstrap, bootstrap5, es6, es6-javascript, eslint, gulp, gulp4, sass, sass-guidelines, webpack, webpack5, wordpress, wordpress-gulp, wordpress-starter-theme, wordpress-theme, wordpress-webpack
• Language: JavaScript
• Homepage:
• Size: 4.4 MB
• Stars: 148
• Watchers: 5
• Forks: 32
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Lists

• awesome-stars - webpack-gulp-wordpress-starter-theme

README

        
# WordPress Gulp and Webpack starter theme

![](screenshot.png)

## Under the hood

- [ES6](https://github.com/lukehoban/es6features#readme) for JavaScript (transpiling with [Babel](https://babeljs.io/) and linting with [ESLint](https://eslint.org/))

- [SASS](http://sass-lang.com/) preprocessor for CSS following [SASS Guidelines](https://sass-guidelin.es/#the-7-1-pattern)

- [Bootstrap 5](https://getbootstrap.com/docs/5.2/getting-started/introduction/) as CSS framework ([customizable with SASS](https://getbootstrap.com/docs/5.2/customize/sass/))

- [Gulp 4](https://gulpjs.com/) & [Webpack 5](https://webpack.js.org/) 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](https://nodejs.org/)

* [Gulp](https://gulpjs.com/docs/en/getting-started/quick-start)

## 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