{"id":14381,"date":"2024-08-06T11:26:20","date_gmt":"2024-08-06T11:26:20","guid":{"rendered":"https:\/\/www.bay20.com\/?p=14381"},"modified":"2025-09-24T15:54:50","modified_gmt":"2025-09-24T10:09:50","slug":"wie-aktualisiert-man-node-sass-in-bigcommerce","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-aktualisiert-man-node-sass-in-bigcommerce\/","title":{"rendered":"Wie aktualisiert man Node-Sass in BigCommerce?"},"content":{"rendered":"\n

BigComemrce hat k\u00fcrzlich Updates \u00fcber den Node-Sass Compiler gegeben. Node-Sass Compiler ist wichtig bei der Nutzung der SCSS in den Shop-Thema. BigCommerce wird die Unterst\u00fctzung f\u00fcr Node-Sass ab dem 21. Januar 2024 einstellen. Nach diesem Datum wird Ihre aktuelle Produktionsseite so funktionieren, wie sie entworfen wurde. Bei zuk\u00fcnftigen Aktualisierungen m\u00fcssen Sie jedoch alle Kompatibilit\u00e4tsprobleme im Zusammenhang mit SCSS und Node.js v18 \u00fcberpr\u00fcfen und beheben. Dieses Upgrade ist zwingend erforderlich, um sicherzustellen, dass Sie kein veraltetes Paket verwenden, das Ihr Projekt Sicherheitsproblemen aussetzen k\u00f6nnte.<\/p>\n\n\n\n

In diesem Artikel werde ich Ihnen zwei M\u00f6glichkeiten aufzeigen, wie Sie sicherstellen k\u00f6nnen, dass Ihr Projekt nicht beeintr\u00e4chtigt wird, wenn der Node-Sass-Compiler auf eine fortgeschrittenere Version umgestellt wird.<\/p>\n\n\n\n

Automatisierte L\u00f6sung f\u00fcr inkompatibles Node-Sass<\/h2>\n\n\n\n

Wenn es ein SCSS-Kompatibilit\u00e4tsproblem gibt, stellt BigCommerce eine automatische Entwurfsversion Ihres Storefront-Themas zu Ihrer Verf\u00fcgung.<\/p>\n\n\n\n

  1. Melden Sie sich zun\u00e4chst in Ihrem Shop-Bedienfeld an und navigieren Sie zum Channel-Manager.<\/li>
  2. Wenn BigCommerce Ihnen eine automatische Korrektur zur Verf\u00fcgung stellen kann, sehen Sie die Entwurfsversion Ihres Themas.<\/li>
  3. Die Entwurfsversion des Themas tr\u00e4gt den Titel \u201eTheme Name [SCSS AUTOFIXED]\u201c.<\/li>
  4. \u00dcberpr\u00fcfen Sie anschlie\u00dfend die Funktionen des Themes auf verschiedenen Ger\u00e4ten und Bildschirmgr\u00f6\u00dfen und stellen Sie sicher, dass alles ordnungsgem\u00e4\u00df funktioniert.<\/li>
  5. Schlie\u00dflich stellen Sie die Entwurfsversion in Ihrem Live-Schaufenster bereit, wenn Sie damit zufrieden sind.<\/li><\/ol>\n\n\n\n
    \"Node-Sass<\/figure>\n\n\n\n

    2. Manual Upgrade<\/h2>\n\n\n\n

    Wenn Sie es manuell aktualisieren m\u00f6chten, verwenden Sie die neueste Version des Stencil CLI<\/a><\/strong>die nur unterst\u00fctzt Node v18<\/strong>. Um sicherzustellen, dass Ihr Schaufenster auf dem neuesten Stand ist, f\u00fchren Sie die folgenden Schritte aus:<\/p>\n\n\n\n

    1. F\u00fchren Sie mit der neuesten Stencil CLI den folgenden Befehl aus, um den Themencode zu \u00fcberpr\u00fcfen und eventuelle Fehler in der Konsole anzuzeigen.<\/li><\/ol>\n\n\n\n
      stencil bundle<\/code><\/pre>\n\n\n\n
      1. Sie haben die M\u00f6glichkeit, ein Skript auszuf\u00fchren, um Ihre Dateien mit der korrekten Formatierung f\u00fcr jedes Problem zu aktualisieren.<\/li>
      2. Um m\u00f6gliche \u00c4nderungen zu sehen, ohne sie vorzunehmen, verwenden Sie die „dry run<\/em>“ option.<\/li><\/ol>\n\n\n\n
        stencil scss-autofix --dry<\/code><\/pre>\n\n\n\n
        1. Bitte f\u00fchren Sie den folgenden Befehl aus, um die \u00c4nderungen vorzunehmen und sie erneut zu best\u00e4tigen.<\/li><\/ol>\n\n\n\n
          stencil scss-autofix<\/code><\/pre>\n\n\n\n
          stencil bundle<\/code><\/pre>\n\n\n\n
          1. Nachdem Sie die \u00c4nderungen vorgenommen haben, f\u00fchren Sie den unten stehenden Befehl aus, um ihn lokal auf Ihrer Website zu testen.<\/li><\/ol>\n\n\n\n
            stencil start<\/code><\/pre>\n\n\n\n
            1. Wenn alles gut funktioniert, k\u00f6nnen Sie die \u00c4nderungen an Ihr Schaufenster \u00fcbertragen, indem Sie den folgenden Befehl ausf\u00fchren.<\/li><\/ol>\n\n\n\n
              stencil push<\/code><\/pre>\n\n\n\n
              Wenn Sie immer noch Probleme haben, wenden Sie sich bitte an Ihr Entwicklungsteam oder BigCommerce Kundenbetreuung<\/strong><\/a>.<\/p>\n\n\n\n
              Bitte kontaktieren Sie uns unter manish@bay20.com<\/a> oder rufen Sie uns an unter +91-8800519180<\/a> f\u00fcr jegliche Unterst\u00fctzung im Zusammenhang mit Bigcommerce. Sie k\u00f6nnen auch die Bigcommerce-Entwicklung<\/a> Seite, um die von uns angebotenen Dienstleistungen zu pr\u00fcfen.<\/strong><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
              BigComemrce has recently given updates about the Node-Sass Compiler. Node-Sass compiler is important in utilizing the SCSS in the store theme. BigCommerce is closing the support for node-sass from January 21, 2024.<\/p>\n","protected":false},"author":89,"featured_media":14403,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,85,84],"tags":[],"class_list":["post-14381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigcommerce","category-bigcommerce-stencil","category-bigcommerce-lehrgang"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=14381"}],"version-history":[{"count":27,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14381\/revisions"}],"predecessor-version":[{"id":17011,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14381\/revisions\/17011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/14403"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=14381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=14381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=14381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}