Question

CSS源地图未生成。 JS源地图生成良好，没有任何错误。我的laravel版本是5.1

我也尝试过以下代码。即使它不起作用

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

Answer 1

您是否尝试过使用 sourceMaps（）？

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

Answer 2

在你的gulpfile.js的顶部你可以添加：

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

不确定它是否能解决您的具体问题，但是在我遇到同样错误的几个项目中，这有助于解决问题。（注意laravel 5.0 - 5.2 max）

Answer 3

我不知道问题出在哪里。但升级到laravel-elixir@^4.0.0修复了我的案例中的类似问题

Laravel gulp缺少css源地图文件

3 个答案: