Include all script/components style files (scss/css) in build bundle. about generator-sppp HOT 5 CLOSED

Thanks! Maybe I missed some @imports in index.scss.

from generator-sppp.

Hey @ph1l74,

Thanks for using sppp generator!

The default bundling option for stand alone CSS is adding reference to your SCSS in ./src/styles/index.scss this should end up with minified:

It can be extended with bundleCSSLibsFiles (https://github.com/koltyakov/sp-build-tasks/wiki/Build-options:-CSS-Libs) or customStyles (https://github.com/koltyakov/sp-build-tasks/wiki/Build-options:-Custom-styles).

Alternatively, webpack.config.js can be extended with any extra loader and plugins.

from generator-sppp.

@koltyakov
Yeah, I understand that, but there are too much components in my project that included in Component Directory (like in yours example: Error, Loading, Example). But index.scss and app.css are empty after build even if bundleCssLibsFiles was appended in app.json.

from generator-sppp.

Okay. Let's try it out right now.

1. Running yo sppp
2. Selecting 'Fluent UI (React inlcuded)'
3. Running npm run build
4. Checking .dist dir, but app.css is empty.

The only one way for me to compile scss styles is to combine each component style file in one (styles/index.scss) and append this string to app.json:

  "customStyles": [{
    "src": "styles/index.scss",
    "dist": "styles/index.min.css"
  }]

from generator-sppp.

With default configs:

With a custom one:

from generator-sppp.