Настроить производственную сборку веб-пакета

Question

Мне нужно использовать производственную сборку с Webpack. Если я сейчас захожу на свой сайт, то у значка «Производство» появляется красный фон, что означает, что он не использует продукт

Когда я выполняю npm run build, он говорит: npm ERR! отсутствует скрипт: build

Как настроить веб-пакет так, чтобы я мог сделать производственную сборку и ускорить работу моего приложения?

Вот мой конфиг веб-пакета:

 const webpack = require('webpack');

const config = {
  entry: ['babel-polyfill', './src/index.js'],
  output: {
    filename: 'bundle.js',
  },
  devServer: {
    inline: true,
    port: 8080,
    historyApiFallback: true,
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        API_KEY: 'API_KEY',
        GOOGLE_MAPS_KEY: 'GOOGLE_MAPS_KEY',
        GOOGLE_GEOLOCATION_KEY: 'GOOGLE_GEOLOCATION_KEY',
      },
    }),
  ],
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react'],
        },
      },
      {
        test: /\.css$/,
        loader: 'style!css',
      },
    ],
  },
};

module.exports = config;

Answer 1

 plugins: [
    new webpack.DefinePlugin({
      'process.env': {
         API_KEY: 'API_KEY',
         GOOGLE_MAPS_KEY: 'GOOGLE_MAPS_KEY',
         GOOGLE_GEOLOCATION_KEY: 'GOOGLE_GEOLOCATION_KEY',
         NODE_ENV: JSON.stringify('production') // <--- this set everything to use production.
      },
    }),
  ],