Skip to Content
✨ WP Bones v2.0.3 is out! Check the Release Notes →

package.json

WP Bones v2 uses yarn and a single set of wp-scripts-backed commands. Adding a new app or widget no longer requires editing this file — webpack.config.js auto-discovers everything under resources/assets/.

package.json
{ "name": "@wpbones/wpkirk", "version": "2.0.0", "scripts": { "dev": "wp-scripts start", "build": "wp-scripts build", "test": "wp-scripts test-unit-js", "test:watch": "wp-scripts test-unit-js --watch", "format": "wp-scripts format", "format:check": "wp-scripts format --check", "lint": "wp-scripts lint-js resources/", "lint:style": "wp-scripts lint-style 'resources/**/*.{css,scss}'", "check-engines": "wp-scripts check-engines", "check-licenses": "wp-scripts check-licenses", "packages-update": "wp-scripts packages-update", "make-pot": "wp i18n make-pot . languages/wp-kirk.pot --slug=wp-kirk --domain=wp-kirk --exclude=node_modules,resources/assets", "make-json": "wp i18n make-json languages/ --no-purge" }, "license": "GPL-3.0", "author": "Giovambattista Fazioli <wpbones.info@gmail.com>", "devDependencies": { "@types/react": "^18.3.0", "@types/react-dom": "^18.3.0", "@wordpress/jest-preset-default": "^12.44.0", "@wordpress/scripts": "^31.7.0", "glob": "^11.0.0", "less": "^4.6.4", "less-loader": "^12.2.0", "typescript": "^5.9.3", "webpack-remove-empty-scripts": "^1.1.0" } }

The command set

CommandWhat it does
yarn devWebpack in watch mode, rebuilds on every change in resources/assets/
yarn buildOne-shot production build into public/
yarn testRuns Jest via wp-scripts test-unit-js on files under __tests__/
yarn test:watchSame as above, watch mode
yarn formatPrettier over resources/
yarn format:checkPrettier in check mode (CI-friendly)
yarn lintESLint over JS/TS in resources/
yarn lint:stylestylelint over CSS/SCSS in resources/

The scripts above are identical in every WP Bones v2 plugin and every boilerplate template. Once you know one, you know them all.

Adding dependencies

Runtime dependencies go under dependencies. Tooling goes under devDependencies. Examples:

yarn add swr # runtime yarn add --dev @types/lodash # dev only

Coming from v1.x?

If your plugin still has the old start:gulp, build:apps, run-s set of scripts plus a gulpfile.js, run the automated migrator: php bones migrate:to-v2.

Last updated on