not generate css sourcemap when compile sass with mix.sourceMaps()

Version

Laravel Mix Version: 0.12.1 Node Version: v6.6.0 NPM Version: 4.1.2 YARN Version: 0.22.0 OS: MacOS Sierra

Description:

not generate css sourcemap when compile sass with mix.sourceMaps() . But it generate css sourcemap correct when not call mix.sourceMaps(). Hoverer, it generate js sourcemap when call mix.sourceMaps() and it does not generate sourcemap when not call mix.sourceMaps().

Steps To Reproduce:

laravel new project yarn install dependence

default:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

run npm run dev app.js(no sourcemap) app.css(sourcemap)

But

add sourceMaps()

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css').sourceMaps();

run npm run dev app.js(sourcemap) app.css(no sourcemap)

[adampatterson]

@lorenaramonda Everything is still working as expected.

The one thing I noticed, however, is that you do need to have .sourceMaps() somewhere in your config or the source maps wont be connected. It doesn’t matter where, So I updated my little source map block.

if (!mix.inProduction()) {
    mix.webpackConfig({
        devtool: 'source-map'
    })
    .sourceMaps()
}

I feel it’s faster when you run a production build, Not scientific at all but it seems to be consistently a few seconds faster

Dev: 16.7 ( Sourcemaps ) Prod: 30 ( Sourcemaps ) Prod: 26.8 ( No Sourcemaps )

Hope that Helps.

[kulek1]

I have exactly the same issue as you @green-mike and I found a temporary solution: Add these lines to webpack.mix.js mix.webpackConfig({ devtool: "inline-source-map" });