"webpack -p --mode production" 无法正常工作。

Question

我正在使用Webpack制作React小应用程序。
在运行package.json中的脚本时出现了问题。
开发模式构建成功。
没有选项构建生产模式失败。
脚本：

// 
scripts {
  "build-prod": "webpack -p --mode production",
  "build-dev": "webpack -d --mode development"
}

错误信息为：

npm run build-prod

react-scratch@1.0.0 build-prod /Users/ohmihiroki/Dev/my_portfolio/react-scratch webpack --mode production 未处理的拒绝错误："." 不在 SourceMap 中。 在 BasicSourceMapConsumer.SourceMapConsumer_sourceContentFor [as sourceContentFor] (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/node_modules/source-map/lib/source-map-consumer.js:753:13) 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/applySourceMap.js:88:47 在 SourceNode_walk [as walk] (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/node_modules/source-map/lib/source-node.js:230:9) 在 SourceNode_walk [as walk] (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/node_modules/source-map/lib/source-node.js:226:13) 在 applySourceMap (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/applySourceMap.js:58:13) 在 SourceMapSource.node (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/SourceMapSource.js:36:11) 在 SourceMapSource.proto.sourceAndMap (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack-sources/lib/SourceAndMapMixin.js:29:18) 在 getTaskForFile (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack/lib/SourceMapDevToolPlugin.js:64:30) 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack/lib/SourceMapDevToolPlugin.js:200:20 在 Array.forEach () 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack/lib/SourceMapDevToolPlugin.js:177:12 在 SyncHook.eval [as call] (eval at create (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/HookCodeFactory.js:19:10),:7:1) 在 SyncHook.lazyCompileHook (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/Hook.js:154:20) 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/webpack/lib/Compilation.js:1385:42 在 eval (eval at create (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/tapable/lib/HookCodeFactory.js:33:10),:11:1) 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/terser-webpack-plugin/dist/index.js:321:9 在 step (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/terser-webpack-plugin/dist/TaskRunner.js:87:9) 在 /Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/terser-webpack-plugin/dist/TaskRunner.js:111:15 在 tryCatcher (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/util.js:16:23) 在 Promise._settlePromiseFromHandler (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:517:31) 在 Promise._settlePromise (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:574:18) 在 Promise._settlePromise0 (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:619:10) 在 Promise._settlePromises (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:699:18) 在 Promise._fulfill (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:643:18) 在 Promise._resolveCallback (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:437:57) 在 Promise._settlePromiseFromHandler (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:529:17) 在 Promise._settlePromise (/Users/ohmihiroki/Dev/my_portfolio/react-scratch/node_modules/bluebird/js/release/promise.js:574:18) 在 Promise._settlePromise0 (/Users/ohmihiroki/Dev/my_portfolio

项目目录

├── node_modules
├── README.md
├── dist
│   ├── index.html
│   └── js
│       └── main.min.js
├── jsconfig.json
├── package-lock.json
├── package.json
├── src
│   ├── App.js
│   └──index.js
└── webpack.config.js

webpack.config.js

var debug   = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path    = require('path');

/** @type import('webpack').Configuration */
module.exports = {
  devtool: "inline-source-map",
  context: path.join(__dirname, "./src"),
  entry: { main: "./index.js" },
  module: {
    rules: [{
      test: /\.(js|jsx)$/,
      exclude: /(node_modules|bower_components)/,
      use: ["babel-loader"]
    }]
  },
  output: {
    path: path.join(__dirname, "./dist/js"),
    filename: "[name].min.js",
    chunkFilename: "[name].min.js",
    publicPath: '/'
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    watchContentBase: true,
    historyApiFallback: true,
    hot: true,
    open: true,
    port: 3000,
    inline: true
  },
  plugins: debug ? [] : [
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
  resolve: {
    extensions: ['.wasm', '.mjs', '.js', '.json', '.jsx'],
    alias: {
      "@": path.join(__dirname, 'src'),
    }
  }
};

请给我建议。
谢谢。

- muuuuminn

Answer 1

I'm using these version

"webpack": "^4.29.6",
"webpack-cli": "^3.3.0",

最初的回答：因此，命令将是：

"prod": "webpack -p --mode=production",
"start": "webpack --mode=development",

- Tony Ngo