Teste einen Gulp Task, der SCSS mit Webpack kompiliert

[polarbirke]

TODO:

• stylepack zugunsten von weballpacka (Arbeitstitel) ausser Betrieb nehmen
• Dokumentation von weballpacka, mind. wg.
  • Änderung von styles.files.files :array zu styles.files.inputPath :string
  • Notwendigkeit, assets wie background-image relativ zur bearbeiteten Datei zu referenzerieren statt zum /public Ordner; z. B.:

   // in src/StaatsXBerlinBundle/Resources/public/scss/05_components/_dialog.scss
   .button--close {
   -    background-image: url('../../webfactorystaatsxberlin/img/icon-close--white.svg');
   +    background-image: url('../../img/icon-close--white.svg');

  • Notwendigkeit, @use imports auf ge-symlinkte Bundles nicht mehr relativ zu referenzieren; dazu ist www/bundles als default mit in SCSS includePaths aufgenommen (933c639); Beispiel:

   // in src/StaatsXBerlinBundle/Resources/public/scss/XX_vendor/_embed-placeholder.scss
   - @use "../../../webfactoryembed/dist/embed.bundle.css" as *;
   + @use "webfactoryembed/dist/embed.bundle.css" as *;

  • neuer Eintrag in .gitignore für www/img/ (entsteht durch resolve-url-loader und assets extract)