/.storybook
directory. You can easily extend this configuration beyond the defaults, which for Emulsify Drupal includes loading twig, sass, YAML and linting styles./webpack
directory can be extended as well. By default it includes the following:images/icons
directory will be added to the sprite and is delivered via the icon component (see components/01-atoms/images/icons
for details)images
directory will be minifieddist
directory clean). Also, by default there is a separate webpack configuration for development (webpack/webpack.dev.js
) and production (webpack/webpack.prod.js
). The development file is used when running yarn develop
and the production task is meant to be used by the yarn build-webpack
command for deployments.style.scss
file. If you'd like to generate separate component-based css files to use in Drupal libraries, do the following:webpack/plugins.js
change<component>.scss
file. Look at webpack/css.js
for an example.)styles.scss
file, by default. So make sure you add anything not globbed into that file to .storybook/preview.js
../babel.config.js
(Main config file)./.browserslistrc
(used by Babel env)