Wordpress Theme Webpack

Overview

The WordPress Theme Webpack is a boilerplate for developing themes with webpack. It includes various features and tools to streamline the theme development process.

Features

• BabelJS: Use modern JavaScript syntax and transpile code for compatibility.
• Commitlint: Enforce conventional commits to maintain a consistent commit message format.
• Dotenv and PHPDotenv: Manage environment variables in a .env file for easy configuration.
• ESlint: Lint JavaScript code to ensure code quality and best practices.
• Husky: Validate commits to ensure they meet the conventional commit standards.
• Lint-staged: Lint and format staged files before committing them.
• Modern-normalize: Use a modern version of Normalize.css for consistent styling across browsers.
• PHP_CodeSniffer: Enforce WordPress coding standards for PHP files.
• Playwright: Take screenshots of the website's homepage.
• PostCSS: Process CSS files with PostCSS and autoprefixer.
• RTLCSS: Generate RTL versions of CSS files for right-to-left languages.
• Standard version: Generate a changelog based on conventional commits.
• Stylelint: Lint stylesheets to ensure code quality and best practices.
• webpack: Compile Sass to CSS, transpile JS files with Babel, compress images, handle fonts, and generate necessary files for the theme.

Summary

The WordPress Theme Webpack is a comprehensive boilerplate for developing themes using webpack. It provides a wide range of features and tools, including BabelJS, ESlint, PostCSS, and more. The installation process involves cloning the repository, configuring the environment, and building the theme. Overall, this boilerplate can greatly simplify the theme development process for WordPress.