/ / Foundation 6.4 app.js Handpick Komponenten mit Import - Javascript, Webpack, zurb-foundation

Foundation 6.4 app.js Handpick Komponenten mit Import - Javascript, Webpack, zurb-foundation

Verwenden der neuen Panini-Zurb-Vorlage mit Webpack. Es ist noch nicht klar, wie man Module / Komponenten nach der einen Reihe von Anweisungen, die sie in app.js bereitstellen, manuell auswählt:

import $ from "jquery";
// import whatInput from "what-input";
window.$ = $;

// import Foundation from "foundation-sites";
// If you want to pick and choose which modules to include, comment out
the above and uncomment
// the line below
// import "./lib/foundation-explicit-pieces";
import {Tabs} from "./lib/foundation-explicit-pieces";


$(document).foundation();
// if($("#about-tabs").length) {var _tabs = new Foundation.Tabs($("#about-tabs"));}

Link zum Abschnitt: GitHub Repo

Und an diesem Punkt funktioniert es, aber es scheint so Alles in der Foundation ist verpackt resultierend in einer ~ 270KB Datei.

Ich bin mir definitiv nicht aller Aspekte des Imports / Exports bewusst, jeder Vorschlag für eine umfassende Quelle wird sehr geschätzt.

Antworten:

0 für die Antwort № 1

Anscheinend war es intuitiv genug, in der Support-Datei reicht es aus, die einzelnen Importe zu kommentieren.

Mit allem außer 1 Komponente wird die Dateigröße nach dem Build noch ~ 160 KB.

Irgendein Weg zum Baum mehr schütteln? Es ist im Grunde das gleiche wie die vorherige Version ohne Webpack