Laravel gulp 缺少 css 个源映射文件

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）

Answer 3

不知道哪里出了问题。但升级到 laravel-elixir@^4.0.0 解决了我的类似问题

Laravel gulp 缺少 css 个源映射文件

Laravel gulp missing css source maps files

laravel

source-maps

gulp

laravel-elixir