0

我已经尝试按照laravel-elixir的说明进行操作，但我显然还是很想得到它，所以我希望你能以一种对初学者更友好的方式向我解释。

我想使用 elixir 编译我的 scss resources/assets/scss/styles.scss，然后将文件输出到public/styles.css.

如何设置 .scss 文件的自定义路径？文件在哪里输出，所以我可以 .copy() 将其公开？

我的 styles.scss 看起来像这样（是的，总共有 2 个资产文件夹。Laravel 和我自己的）：

/*! Testing Elixir */
//assets
@import 'assets/cssReset';
@import 'assets/variables';
@import 'assets/mixins';

//layouts
@import 'layouts/base';
@import 'layouts/dashboard';
@import 'layouts/logo';
@import 'layouts/forms';
@import 'layouts/siteNavigation';

@import 'layouts/lesson';
@import 'layouts/course';
@import 'layouts/courseList';
@import 'layouts/courseNavigation';

@import 'layouts/landingPage1';
@import 'layouts/landingPage2';

@import 'layouts/pagination';
@import 'layouts/footer';

//userMenu
@import 'layouts/menu';

如果 gulp 在运行时在命令行中给出某种反馈，那将非常有帮助。

我的 gulp.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 Less
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.sass('app.scss');
});
4

1 回答 1

3

好的，所以我终于知道我哪里出错了。

我认为 app inmix.sass('app.sass');是一个路径变量，并且 . 相当于 /like 与刀片目录分隔符，然后 sass 是文件夹名称。原来 app.sass 是一个文件名。别...

当我将路径重命名为：resources/assets/sass 然后指定：

elixir(function(mix) {
    mix.sass('styles.scss');
});

Gulp 在此处输出文件：public/css/styles.css

希望这可以帮助其他像我一样做出同样错误假设的人。

于 2015-02-02T18:49:14.403 回答