2017-07-24 37 views
1

未生成CSS源地圖。而JS源地圖生成良好,沒有任何錯誤。我的laravel版本是5.1Laravel吞噬缺少css源地圖文件

我也試過下面的代碼。即使它不工作

elixir.config.sourcemaps = true; 

gulpfile.js

/** 
* Global CSS MIX 
*/ 
elixir(function(mix) { 
    mix.styles([ 
     "user/common.css", 
     "user/custom.css", 
     "user/font-awesome.min.css", 
    ], 'public/assets/css/builds/global.css'); 
}); 

/** 
* Global JS MIX 
*/ 
elixir(function(mix) { 
    mix.scripts([ 
     "angular/angular.min.js", 
     "angular/angular-animate.js", 
     "angular/angular-sanitize.min.js", 
     "user/chat.js" 
    ], 'public/assets/js/builds/global.js'); 
}); 

目錄結構

resources/ 
├── assets 
│ ├── css 
│ │ └── user 
│ │  ├── common.css 
│ │  ├── custom.css 
│ │  ├── font-awesome.min.css 
│ ├── js 
│ │ └── angular 
│ │  ├── angular.min.js 
│ │  ├── angular-animate.js 
│ │  ├── angular-sanitize.min.js 
│ │ └── user 
│ │  ├── chat.js  
+0

請指出您遇到的問題種類。 – Adrenaxus

+0

未生成CSS源地圖 – laktherock

+0

您可以運行'npm list'並檢查當前安裝了哪個版本的elixir?因爲[文檔](https://laravel.com/docs/5.1/elixir#css-source-maps中指出)源映射在默認情況下在隨Larvel 5.1提供的Elixir中生成。 – Kovah

回答

0

您是否嘗試過使用sourceMaps()

elixir(function(mix) { 
    mix.styles([ 
      "user/common.css", 
      "user/custom.css", 
      "user/font-awesome.min.css", 
     ], 'public/assets/css/builds/global.css') 
     .sourceMaps(); 
    } 
); 
+0

謝謝你的回答。是的,我試過但它不工作。錯誤在控制檯「TypeError:mix.styles(...)。sourceMaps不是一個函數」 – laktherock

0

在你gulpfile.js的頂部,你可以補充一點:如果

elixir.config.sourcemaps = false; //for live version 
// elixir.config.sourcemaps = true; //for dev version 

不知道這將解決您的具體問題,但一對夫婦的項目在那裏我有同樣的錯誤這幫助。 (注意laravel 5.0 - 5.2 max)

+0

不工作:-( – laktherock