Instructions for configuring stylesheet build outputs.
scss_bundles are used to configure build settings for CSS stylesheets. The expected value is an array with
zero or more objects where.
nameis the output bundle filename with file extension
srcspecifies which files to include in each bundle; you can use
- a string value for a single file
- array of files, or
- a path with wildcard.
!as a way to negate the inclusion of a file
See globs syntax guide for more details.
Dev build does not minify style files. The production build will minify style files.
By default, the stylesheets are assumed to be written using Sass. When naming stylesheet files, use
.scss file extension because default configuration looks for style files with this file extension.
If you are not a friend of Sass, you can write style sheets using CSS. In the build configuration override the default configuration:
"scss": "./src/**/*.scss" to treat other file extensions as style files, and use
"scss_bundles" key to specify how to generate stylesheets, as shown in the example below.
Sample project-level configuration with multiple style bundles. This configuration will generate two stylesheets in the output directory: styles.css and display.css.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17