rappasoft/laravel-boilerplate

The production version displays scss files, not frontend.css and backend.css

pixelzdesign opened this issue · 2 comments

pixelzdesign commented

When click on inspect in Firefox, in production mode, inspector show source style files _global.scss, _root.scss, ... but not frontend.css and backend.css. Your demo show the same.
The situation is the same with js files. Debuger show webpack folder with source files.
Is this a bug and how to fix it?

bryanrscott commented

I think this is the intended result (I have not tested in firefox). This might be the result of sourceMaps() in webpack.mix.js. I guess if you did not want you could comment out.

https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map

  • 👍1
pixelzdesign commented

Thanx, I find solution. I add .sourceMaps(false); in webpack.mix.js for production:

if (mix.inProduction()) { mix.version() .sourceMaps(false); } else { // Uses inline source-maps on development mix.webpackConfig({ devtool: 'inline-source-map' }); }