将自定义样式添加到基础 我正在用基金会建立我的第一个网站。我通过NPM安装基础。我认为这是一个很好的做法，只留下基础样式，然后改写需要调整的内容。在SASS编译作业（使用GULP或任何）作为外部包含时，将包括基础样式。这是正确的方法吗 标准基础设施（场地）有许多我不需要的特征。我担心臃肿的css。我怎么把它们扔出去 核心问题是-可以混淆基础源吗？< /P> < P>编辑>强>核心文件 > < >好实践> /强>，因此最好创建自定义样式表，包括在基础CSS下面。 < P>请不要更改核心文件，当将基础更新为较新版本时，将丢失AL更改。 使用SASS版本的基金会6，您可以选择在CSS中输出什么。例如，当使用基础CLI时，您有一个App.SCSS文件，其中包含所有的特征。您可以简单地注释掉项目中不需要的功能

当您注释掉一个功能时，仍然可以包含带有SCS混合的样式

App.scss

@charset 'utf-8';

@import 'settings';
@import 'foundation';
@import 'motion-ui';

@include foundation-global-styles;
@include foundation-grid;
// @include foundation-flex-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
// @include foundation-range-input;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
// @include foundation-progress-element;
// @include foundation-meter-element;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
// @include foundation-flex-classes;

@include motion-ui-transitions;
@include motion-ui-animations;

---

我同意。我只是不确定，因为基金会网站允许您预先配置您的组件，而根SCSS文件只是为这些组件做一个导入列表。所以我认为也许可以更改该文件，因为他们也这样做？或者不直接导入根SCS和组件？手动导入组件与编辑核心文件不同。只要您没有遇到bug，对文件所做的更改就不会产生问题。即使在导入组件时，您也需要确保一切正常，否则会浪费时间。