title: Missing Script: webpack in npm
body: <p>I'm trying to re-build a react app and bundle it using webpack. Whenever I try to run <code>npm run-script build</code> it would always show a  <code>npm ERR! missing script: webpack</code></p>
  
  <p>Things that I've tried:</p>
  
  <ol>
  <li>Deleted the node_modules folder the doing a <code>npm install</code> (again)</li>
  <li>installed the webpack globally</li>
  <li>installed the webpack-cli</li>
  </ol>
  
  <p>You may notice that I am using old version of some modules. This is because this is a legacy app built before I was employed and now I am trying to integrate the app that I built into this app but before that I would like to understand how the whole thing works as vanilla.</p>
  
  <p>Below is my package.json file</p>
  
  <pre><code>{
    "name": "storyline-feedback-tool",
    "version": "1.1.2",
    "description": "",
    "main": "index.js",
    "scripts": {
      "build": "webpack",
      "start-hot": "node server.js",
      "start": "webpack-dev-server --content-base public/ --inline --port 3001"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "dependencies": {
      "babel-polyfill": "^6.13.0",
      "classnames": "^2.2.5",
      "g": "^2.0.1",
      "lodash": "^4.15.0",
      "react": "^15.3.1",
      "react-dom": "^15.3.1",
      "react-spin": "^0.6.2",
      "webpack": "^1.15.0",
      "webpack-cli": "^3.2.3"
    },
    "devDependencies": {
      "autoprefixer": "^6.4.0",
      "babel-core": "^6.14.0",
      "babel-eslint": "^6.1.2",
      "babel-loader": "^6.2.5",
      "babel-preset-es2015": "^6.14.0",
      "babel-preset-react": "^6.11.1",
      "babel-preset-react-hmre": "^1.1.1",
      "css-loader": "^0.24.0",
      "eslint": "^3.3.1",
      "eslint-config-airbnb": "^10.0.1",
      "eslint-plugin-import": "^1.14.0",
      "eslint-plugin-jsx-a11y": "^2.2.0",
      "eslint-plugin-react": "^6.1.2",
      "less": "^2.7.1",
      "less-loader": "^2.2.3",
      "postcss-loader": "^0.11.0",
      "postcss-pxtorem": "^3.3.1",
      "react-hot-loader": "^1.3.0",
      "style-loader": "^0.13.1",
      "webpack-dev-server": "^1.15.1"
    }
  }
  </code></pre>
  
  <p>Here is my webpack.config.js</p>
  
  <pre><code>var webpack = require('webpack');
  var path = require('path');
  var autoprefixer = require('autoprefixer');
  var postcssPxtorem = require('postcss-pxtorem');
  
  
  var config = {
    name: 'feedback-tool',
    entry: {
      'feedback-main': './src/index-main.js',
      'feedback-form': './src/index-form.js',
    },
    output: {
      path: path.resolve(__dirname, 'public/feedback'),
      publicPath: '/feedback/',
      filename: '[name].js'
    }
  };
  
  config.module = {
    loaders: [
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'src'),
        exclude: /(node_modules)/,
        loader: 'babel',
      },
      {
        test: /\.less$/,
        loader: "style-loader!css-loader!postcss-loader!less-loader"
      },
      {
        test: /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      }
    ]
  };
  
  config.postcss = function () {
    return [
      autoprefixer({
        browsers: [
          'last 2 version',
          'ie &gt; 8']
      }),
      postcssPxtorem({
        propWhiteList: []
      })]
  };
  
  config.plugins = [
    new webpack.optimize.UglifyJsPlugin({
     compress: {
     warnings: false,
     },
     output: {
     comments: false,
     },
    }),
    new webpack.DefinePlugin({
     'process.env': {
     'NODE_ENV': '"production"'
     }
    }),
  ];
  
  module.exports = config;
  </code></pre>
  
  <p>Any help would be appreciated.</p>