gulp沒有產生預期的app.css導致laravel 5.3在家園中運行

gulp正在向app.css mix.styles項目添加一個前導'/'，並且輸出結果是'unsual'，但是app.js混合。腳本輸出非常好。問題是 - 爲什麼這隻發生在mix.styles部分，當gulpfile.js路徑結構本質上是相同的格式？和fonts.googleapis的引用來自哪裏？gulp沒有產生預期的app.css導致laravel 5.3在家園中運行

我跑laravel 5.3宅基地在Windows 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

我已經測試你的代碼去除第三paramater，它按預期工作：

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在家園中運行

回答

相關問題