stream明/药剂 – 文件导入未find或无法读取
我需要在stream明项目中设置sass，从厨房水槽中制作的sass。 这是我第一次设置它，所以我想知道如何设置一个gulpfile.js？
我已经通过运行npm install来安装node_modules，并且还安装了laravel elixir。
我已经把我的文件夹/文件结构看起来像这样：
resources/assets/img /js/app.js /sass/_settings.scss app.scss 我的gulpfile.js看起来像这样：
var elixir = require('laravel-elixir'); /* |-------------------------------------------------------------------------- | Elixir Asset Management |-------------------------------------------------------------------------- | | Elixir provides a clean, fluent API for defining some basic Gulp tasks | for your Laravel application. By default, we are compiling the Sass | file for our application, as well as publishing vendor resources. | */ elixir(function(mix) { mix.sass('app.scss'); });
但是当我运行gulp我得到所有导入错误，包括在我的scss文件中：
这是我的scss文件的样子：
app.scss
@import "settings"; @import "foundation"; @import "motion-ui"; @include foundation-flex-grid; @include foundation-global-styles; @include foundation-typography; @include foundation-button; @include foundation-forms; @include foundation-visibility-classes; @include foundation-float-classes; @include foundation-flex-classes; // @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-drilldown-menu; // @include foundation-dropdown; // @include foundation-dropdown-menu; // @include foundation-flex-video; // @include foundation-label; // @include foundation-media-object; // @include foundation-menu; // @include foundation-off-canvas; // @include foundation-orbit; // @include foundation-pagination; // @include foundation-progress-bar; // @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 motion-ui-transitions; @include motion-ui-animations;
而我的_setttings.scss有这一行，为此我得到一个错误：
@import 'util/util';
错误：
{[Error：resources / assets / sass / _settings.scss错误：要导入的文件不存在或不可读：util / util父样式表：/ Users / markodraksic / Projects / Quiz-landing-page / resources / assets / sass / _settings .scss在resources / assets / sass / _settings.scss的第42行
@import'util / util';
我再现了你的错误，并find了解决办法。
您可以尝试将软件包复制到您的资源。
将复制方法添加到您的gulp文件中：
elixir(function(mix) { mix.copy('node_modules/foundation-sites/scss', 'resources/assets/sass') .sass('app.scss'); });
另一个select是添加一个包含path（我无法工作）。