Search…
Emulsify Design System
Starters
Emulsify Drupal
Basic Usage
Commands
Writing Stories
Advanced Usage
FAQ
Systems
Compound
Supporting Projects
Emulsify CLI
Twig Extensions
Webpack & Babel
Style Guide
Gatsby Theme Emulsify
Resources
Help and Support
Component-Driven Design
Packaging For Multiple Properties
Powered By GitBook
Commands
Commands available in Emulsify Drupal

Storybook

Develop: npm run develop
This combines 2 tasks, which can be run separately as needed:
  1. 1.
    npm run webpack (Sass/CSS compiling/minifying/linting, SVG Spriting)
  2. 2.
    npm run storybook (Storybook dev watch task)
Deploy Storybook
npm run storybook-deploy
​Here is a demo of the default Storybook Github deployment

Linting JavaScript/Styles

npm run lint

Testing Accessibility

npm run a11y: Will test the components specified in your a11y config file (default). Note: this will also be run on commit via husky

Build

npm run build
This runs the production webpack script and is intended for Drupal builds (e.g., in a CI environment.)
Previous
Basic Usage
Next
Writing Stories
Last modified 7mo ago
Copy link
Outline
Storybook
Linting JavaScript/Styles
Testing Accessibility
Build