財団6.4 app.jsインポートを伴う手札コンポーネント

Question

webpackで新しいPanini Zurbテンプレートを使用する。セクションへ

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'));} 

がリンク： それは、彼らがapp.jsに提供命令の1つの行以下のモジュール/コンポーネントをhandpickする方法は明らかではない、まだ github repo

そして、この時点でそれが働いています、 のように見えます。のパッケージはすべて〜270KBのファイルになります。

私は間違いなく輸入/輸出のすべての側面を認識していません。包括的な情報源に対する提案は非常に高く評価されます。

Answer 1

明らかに、それはサポートファイルには、単一のインポートをコメントするのに十分な直感的でした。

1つを除いて、ファイルサイズはビルド後も〜160KBです。

木を揺さぶってください。基本的にwebpackのない以前のバージョンと同じです