webpack.DefinePlugin이 인식되지 않고 devtool : 'cheap-module-source-map이 작동하지 않습니다.

Question

이 기사 http://moduscreate.com/optimizing-react-es6-webpack-production-build/에 따라 프로덕션을위한 반응 프로젝트의 크기를 줄이려고합니다. 불행히도 일부 단계는 작동하지 않습니다. 그중 하나 인 webpack.DefinePlugin은 webpack.DefinePlugin이 정의 할 수없는 오류를 출력합니다. 어쩌면, 내가 개발 한 프로젝트를 구축했기 때문에 그것이 이제 생산으로 옮기고 싶다. 처음에는 프로덕션에서 프로젝트를 만들어야 했습니까? 아니면 누구든지 프로젝트의 크기를 줄이는 더 좋은 방법을 알고 있습니까? '싼 모듈 소스 맵'작동하지 않는, 전혀 프로젝트의 크기를 감소시키지 않았다

는 devtool는 또한

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; 

을 webpack.config.js.

Answer 1

대신

... 

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

... 

보십시오.

또한 devtool: 'cheap-module-source-map'은 번들의 크기를 줄이기위한 것이 아니며 source maps을 생성합니다.