SourceMap path to file and plugins in webpackConfig

[EugenGedroyc]

• Laravel Mix Version: laravel-mix@5.0.4
• Node Version: v14.0.0
• NPM Version (npm -v): 6.14.4
• OS: Ubuntu 18.04

Description:

I need same. Removes the webpack:/// prefix: webpack-contrib/css-loader#622 (comment)
and in finall get "file:///D:/my-site/resources/less/style.less"
This code generating maps file with path: http://my-site.dev/resources/less/style.less

mix.webpackConfig({ 
output: { devtoolModuleFilenameTemplate: '[resource-path]' }, 
})
.sourceMaps(false, 'inline-source-map');

and this don't helped me:

devtoolModuleFilenameTemplate: 'file:///D:/[namespace]'

I tried this plugin: https://webpack.js.org/plugins/source-map-dev-tool-plugin/

const SourceMapDevToolPlugin = require('source-map-dev-tool-plugin');
mix
  .webpackConfig({ 
    devtool: false,
    plugins: [
      
      new SourceMapDevToolPlugin({
        filename: "[file].map",
        moduleFilenameTemplate: '[absolute-resource-path]',
      }),
    ]
output: Error: ReferenceError: SourceMapDevToolPlugin is not defined

I don't know how can install webpack plugins. I have same trouble with const NpmInstallPlugin = require('npm-install-webpack-plugin'):
webpack-contrib/install-webpack-plugin#122

Steps To Reproduce:

1. edit webpack.mix.js
2. npm run dev

[EugenGedroyc]

Solution:

.webpackConfig({ output: {
  devtoolModuleFilenameTemplate: info => {
    let path = 'D:/my-site/resources/less/';
    return `file:///${path}${info.resourcePath.slice(2)}`;
  }
}
}).sourceMaps(false, 'inline-source-map');

Sadly, styles not saving in the tab "Styles", but it work in the Sources

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.