Gulp не приводит к ожидаемому результату app.css в laravel 5.3 работает в homestead

Gulp добавляет ведущий '/' к элементам app.css mix.styles, и выход последовательно «несовместим», но app.js mix. вывод скриптов отлично. Вопрос: Почему это происходит только с частью mix.styles, когда структура пути gulpfile.js по существу является одним и тем же форматом? и где ссылка на fonts.googleapis?Gulp не приводит к ожидаемому результату app.css в laravel 5.3 работает в homestead

Я бег Laravel 5.3 в усадьбе в окнах 10 буткемпа с PhpStorm

выход глотка:

gulp output - note the leading slash in mix.styles '/resources . . .' should just be 'resources . . .' as in mix.scripts

gulpfile.js:

const elixir = require('laravel-elixir'); 

require('laravel-elixir-vue-2'); 

var vendor_path = 'resources/assets/vendor'; 

var path = { 
    'jquery'  : vendor_path + '/jquery', 
    'jqwidgets' : vendor_path + '/jqx/jqwidgets', 
    'jqxscripts' : vendor_path + '/jqx/scripts', 
    'bootstrap' : vendor_path + '/bootstrap' 
    }; 

elixir(function(mix){ 

    /* Mix Styles */ 

    mix.styles([ 
     path.jqwidgets + '/styles/jqx.arctic.css', 
     path.jqwidgets + '/styles/jqx.bootstrap.css' 
    ], 
    'public/css/app.css', '/'); 

/* Mix scripts */ 

mix.scripts([ 
    path.jquery  + '/dist/jquery.js', 
    path.bootstrap + '/dist/js/bootstrap.js', 
    path.jqxscripts + '/jquery-1.11.1.min.js', 
    path.jqwidgets + '/jqxcore.js', 
    path.jqwidgets + '/jqxdata.js', 
    path.jqwidgets + '/jqxbuttons.js', 
    path.jqwidgets + '/jqxmenu.js', 
    path.jqwidgets + '/jqxcheckbox.js', 
    path.jqwidgets + '/jqxlistbox.js', 
    path.jqwidgets + '/jqxscrollbar.js', 
    path.jqwidgets + '/jqxdropdownlist.js', 
    path.jqwidgets + '/jqxgrid.js', 
    path.jqwidgets + '/jqxgrid.selection.js' 
    ], 
    'public/js/app.js', './'); 

    mix.sass('app.scss') 
    .webpack('app.js'); 
});

Вот приложение. css выход:

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600); 
@import url(/resources/assets/vendor/bootstrap/dist/css/bootstrap.css); 

/*# sourceMappingURL=app.css.map */

источник

2016-10-12 Bruce Betts

Нашел странное и простое решение - запуск «gulp watch» вместо «gulp», как я делал, дает ожидаемый результат app.css.

источник

2016-10-14 19:19:32

Я проверил код удаления третьего и В параметре работает, как ожидалось:

mix.styles([ 
    path.jqwidgets + '/styles/jqx.arctic.css', 
    path.jqwidgets + '/styles/jqx.bootstrap.css' 
], 
'public/css/app.css');

же тест на дерзость и меньше.

источник

2016-10-12 19:46:43 manix

Вы проверили мой код «как есть» и создали ли он файл app.css с тем же результатом, что и я? –

Вы используете Laravel 5.3? Я пробовал ваш код без третьего параметра - все равно производит тот же результат в файле app.css, но на дисплее вывода gulp больше не отображается ведущее «/». Я понятия не имею, где ссылка на fonts.googleapis.com/ css приходит, но все это по-прежнему остается загадкой для меня –

Нашел странное и простое решение - запуск «gulp watch» вместо «gulp», как я делал, дает ожидаемый результат app.css (по моему исходному коду с третьим параметром). –

Gulp не приводит к ожидаемому результату app.css в laravel 5.3 работает в homestead

ответ

Смежные вопросы