Question

我试图按照laravel-elixir的说明进行操作，但我显然仍然想要获得绿色指示，所以我希望您能以更适合初学者的方式向我解释。

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

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

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

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

Answer 1

好的，所以我终于弄清楚我哪里出错了。

我认为mix.sass('app.sass');中的应用是路径变量，而且。与刀片目录分隔符等效/相似，然后sass是文件夹名称。原来app.sass是一个文件名。做＆＃39; H ...

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

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

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

希望这有助于其他人做出与我一样的错误假设。

Laravel 5 elixir：如何编译和移动.scss文件？

我的gulp.js

1 个答案: