@roots/bud-framework

@roots/bud

Overview

A webpack framework combining the best parts of Laravel Mix and Symfony Encore.

Installation

yarn add @roots/bud --dev

Plugins

Usage

Import plugins at the top of your bud.config.js file

const {eslint} = require('@roots/bud-eslint')

Then, utilize the bud.use method and register the plugin. Plugins will be called in the provided order.

bud.use([eslint])

Some plugins may provide additional configuration methods. Obviously, you can't call a plugin-provided method without first registering that plugin, which is one of the reasons it's generally a good idea to import and register everything at the top of your config.

bud
  .use([dependencyExtraction])
  .dependencyExtraction({
    injectPolyfill: true,
  })

First-party plugins

There are a number of Roots maintained plugins available to kickstart your projects.

Name	Description	Usage
@roots/bud-dependency-extraction	Adds @wordpress/dependency-extraction-webpack-plugin support.	Usage ↗
@roots/bud-eslint	Adds eslint support.	Usage ↗
@roots/bud-palette-plugin	Adds palette-webpack-plugin support.	Usage ↗
@roots/bud-purgecss	Adds purgecss support.	Usage ↗
@roots/bud-react	Adds react support.	Usage ↗
@roots/bud-sass	Adds sass preprocessor support.	Usage ↗
@roots/bud-stylelint	Adds stylelint support.	Usage ↗
@roots/bud-tailwind	Adds tailwindcss support.	Usage ↗
@roots/bud-typescript	Adds typescript support.	Usage ↗
@roots/bud-vue	Adds Vue framework support.	Usage ↗

Contributing

Contributions are welcome from everyone.

We have contributing guidelines to help you get started.

Bud sponsors

Help support our open-source development efforts by becoming a patron.

Community

Keep track of development and community news.

• Participate on the Roots Discourse
• Follow @rootswp on Twitter
• Read and subscribe to the Roots Blog
• Subscribe to the Roots Newsletter
• Listen to the Roots Radio podcast