/.storybookdirectory. You can easily extend this configuration beyond the defaults, which for Emulsify Drupal includes loading twig, sass, YAML, and linting styles.
/webpackdirectory can be extended as well. By default it includes the following:
images/iconsdirectory will be added to the sprite and is delivered via the icon component (see
imagesdirectory will be minified
distdirectory 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 developand the production task is meant to be used by the
yarn build-webpackcommand for deployments.
style.css. Any SASS file that is not a partial (its filename is not prefixed with an underscore) will have a file created in
style.scssfile. If you'd like to generate separate component-based css files to use in Drupal libraries, do the following:
<component>.scssfile. Look at
webpack/css.jsfor an example.)
styles.scssfile, by default. So make sure you add anything not globbed into that file to
./babel.config.js(Main config file)
./.browserslistrc(used by Babel env)