Skip to content
A minimalist boilerplate for WordPress theme development using Laravel Mix
PHP JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
assets
includes
templates
.gitignore
footer.php
functions.php
header.php
index.php
local-example.json
package-lock.json
package.json
readme.md
style.css
webpack.mix.js

readme.md

A minimalist boilerplate for WordPress theme development using Laravel Mix.

Getting started:

  1. Clone into an empty theme directory
  2. cd into your new theme directory
  3. Run npm install
  4. Copy the local-example.json file to local.json and replace the proxy value with your local development hostname
    • This will allow you to use live reload/injection while working on your CSS/JS

To Start Development

Run npm run dev

Assets will be compiled and BrowserSync will proxy the dev host allowing you to work while seeing your CSS and JS changes appear on the site as they are recompiled.

To Prepare Assets for Deployment

Run npm run prod

This will prepare versioned assets and sourcemaps for your CSS and JS files.

Versioned Assets

Versioned assets will appear in a build directory alongside a manifest file which is used while enqueuing scripts and styles. This saves you the need to adjust version parameters on your assets and makes it possible to remove parameters on asset URLs without losing the ability to force those assets to update in browsers.

You can’t perform that action at this time.