Reactjs webpack.DefinePlugin未被识别，devtool:'；廉价的模块源映射不起作用

我试图通过遵循本文来减少react项目的生产规模。不幸的是，有些步骤不起作用。其中一个是webpack.DefinePlugin，在webpack中输出webpack.DefinePlugin无法定义的错误。也许，这是因为我在开发阶段建立了这个项目，现在我想把它投入生产。也许，最初我必须在生产中创建项目？或者有人知道减少项目规模的更好方法吗

webpack.config.js

var path = require("path");
var webpack = require('webpack');

var DIST_DIR = path.resolve(__dirname, "dist");
var SRC_DIR = path.resolve(__dirname, "src");

var config = {
    devtool: 'cheap-module-source-map',
    entry: SRC_DIR + "/app/index.js",
    output: {
        path: DIST_DIR + "/app",
        filename: "bundle.js",
        publicPath: "/app/"
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        })
    ],
    module: {
        loaders: [
            {
                test: /\.js?/,
                include: SRC_DIR,
                loader: "babel-loader",

                query: {
                    presets: ["react", "es2015", "stage-2"]
                }
            }
        ]
    }


};

module.exports = config;

此外，devtool:“廉价模块源代码映射”不起作用，它根本没有减少项目的大小

试试看

...

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify('production')
    })

...

相反

另外，

devtool:“便宜的模块源代码映射”

不是为了减小捆绑包的大小，而是为了生成。

试试看

...

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify('production')
    })

...

相反

---

另外，

devtool:“便宜的模块源代码映射”

不是用来缩小捆绑包的大小，而是用来生成。

Hello！它起作用了，但又出现了另一个问题。当我从webpack--progress-p命令运行webpack时，bundle.js的大小是539kb，但当我从npm start命令运行项目时，bundle.js的大小又是1.78mb。为什么？我没有得到。你知道这个问题吗？还有一个问题，我必须为生产创建新的网页包文件，比如webpack.config.production.js吗？或者它是不必要的？您能在这里提供“npm start”命令吗？另外，如果你能把答案选为upvote/mark，那就太好了，因为它是有效的。谢谢至于dev/prod配置，您通常希望两者都有，或者其中有一个带有条件逻辑——“如果环境是dev，那么就这样做，否则就那样做”之类的东西。不过，有两个单独的配置文件更容易管理。是的，对不起，我只是忘了投票）谢谢你的建议你好！它起作用了，但又出现了另一个问题。当我从webpack--progress-p命令运行webpack时，bundle.js的大小是539kb，但当我从npm start命令运行项目时，bundle.js的大小又是1.78mb。为什么？我没有得到。你知道这个问题吗？还有一个问题，我必须为生产创建新的网页包文件，比如webpack.config.production.js吗？或者它是不必要的？您能在这里提供“npm start”命令吗？另外，如果你能把答案选为upvote/mark，那就太好了，因为它是有效的。谢谢至于dev/prod配置，您通常希望两者都有，或者其中有一个带有条件逻辑——“如果环境是dev，那么就这样做，否则就那样做”之类的东西。不过，有两个单独的配置文件更容易管理。是的，对不起，我只是忘了投票）谢谢你的建议