webpack - Laravel Mix Sourcemaps 不为生产构建生成

Question

我的 Laravel Mix 脚本有以下 webpack.mix.js 设置:

let mix = require('laravel-mix');
let LiveReloadPlugin = require('webpack-livereload-plugin');

mix.webpackConfig({
    plugins: [
        new LiveReloadPlugin({
            port: '35729',
        })
    ],
});

if (mix.inProduction()) {
    mix.disableNotifications();
}

mix
    .options({
        postCss: [
            require('autoprefixer'),
        ],
        processCssUrls: false,
    })
    .setPublicPath('./static')
    .sass('./resources/sass/app.scss', 'css')
    .sourceMaps(true, 'source-map')
    .version();


mix
    .options({
        postCss: [
            require('autoprefixer'),
        ],
        processCssUrls: false,
    })
    .setPublicPath('./static')
    .sass('./resources/sass/login.scss', 'css')
    .sourceMaps(true, 'source-map')
    .version();

当我运行 npm run development 时，我得到以下输出(包括 Sourcemaps)

DONE  Compiled successfully in 5987ms                                                                                                                                                                              12:35:24

            Asset      Size  Chunks                   Chunk Names
      css/app.css   343 KiB     mix  [emitted]        mix
  css/app.css.map   400 KiB     mix  [emitted] [dev]  mix
    css/login.css   163 KiB     mix  [emitted]        mix
css/login.css.map   236 KiB     mix  [emitted] [dev]  mix
       mix.js.map  3.73 KiB     mix  [emitted] [dev]  mix

但是，如果我运行 npm run production，我会得到以下输出(没有 Sourcemaps)

 DONE  Compiled successfully in 9029ms                                                                                                                                                                              12:33:57

        Asset      Size  Chunks                          Chunk Names
  css/app.css   278 KiB       0  [emitted]        [big]  mix
css/login.css   129 KiB       0  [emitted]               mix
   mix.js.map  4.52 KiB       0  [emitted] [dev]         mix

我正在使用 Laravel Mix 5.0.1，并且无法通过其他错误问题/SO 问题找到解决方案——它们似乎都与 sourcemaps 不在开发中工作有关，并使用 修复它devtools: 'inline-source-map' 与此处无关。

我唯一能想到的是缩小导致的问题，正如 webpack 文档所建议的那样 ( https://webpack.js.org/configuration/devtool/#devtool ):

If the default webpack minimizer has been overridden (such as to customise the terser-webpack-plugin options), make sure to configure its replacement with sourceMap: true to enable SourceMap support.

虽然我找不到任何 Laravel Mix 文档来支持这一点。

知道如何解决这个问题吗？

Answer 1

你应该在 mix.sourceMaps() 函数中将 false 设置为 generateForProduction 参数