javascript - Foundation 6.4 app.js 通过导入精心挑选组件

Question

将新的 Panini Zurb 模板与 webpack 结合使用。 目前尚不清楚如何按照 app.js 中提供的一行指令来手动选择模块/组件:

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

链接到该部分: github repo

此时它正在工作，但似乎基础中的所有内容都已打包，产生了约 270KB 的文件。

我绝对不了解导入/导出的所有方面，任何有关全面来源的建议将非常感激。

Answer 1

显然它足够直观，在支持文件中注释掉单个导入就足够了。

除了 1 个组件之外的所有组件，构建后文件大小仍约为 160KB。

有什么办法可以让树摇得更厉害吗？和之前没有webpack的版本基本一样