Эликсир Laravel 5: как компилировать и перемещать файлы .scss?

Я пытался следовать инструкциям на странице laravel-elixir, но, по-видимому, я еще не дорос до этого. , поэтому я надеюсь, что вы сможете объяснить это мне более удобным для начинающих способом.

Я хочу использовать elixir для компиляции моего scss из resources/assets/scss/styles.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');
});

css laravel sass laravel-5 laravel-elixir
person MartinJH    schedule 02.02.2015    source источник
comment
покажи нам свой gulpfile.js   -  person knuhol    schedule 02.02.2015
comment
Он имеет только значение по умолчанию, как при установке. Добавление к вопросу. Пробовал разные вещи, но ничего не произошло, когда я проглотил глоток, и, наконец, я сдался   -  person MartinJH    schedule 02.02.2015

Ответы (1)


arrow_upward
3
arrow_downward

Итак, я, наконец, понял, где я ошибся.

Я думал, что приложение в mix.sass('app.sass'); было переменной пути, а . был эквивалентен / like с разделителями каталогов лезвия, а затем sass был именем папки. Оказалось, что app.sass — это имя файла. Дох...

Когда я переименовал свой путь в: resources/assets/sass, а затем указал:

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

Gulp вывел файл здесь: public/css/styles.css

Надеюсь, это поможет другим, которые делают такие же ложные предположения, как и я.

person MartinJH    schedule 02.02.2015