Comment exécuter webpack dans la production dans un script package.json dans les fenêtres avec d'autres commandes?

Question

J'utilise la pile de MERN et les fenêtres en cours d'exécution 10. Je suis en train d'exécuter cette commande npm run à partir du fichier package.json.

"scripts": { 
    "build": "set NODE_ENV=production webpack && gulp", 
    "postinstall": "npm run build", 
    "start": "node ./bin/www" 
    }, 

Quand je lance npm run build-je obtenir les résultats suivants: terminal results

Ce qui se passe est-il ressemble et fonctionne de Gulp qui est-ce. Mon lot n'est pas optimisé pour la production du tout. Je vais inclure le fichier webpack en cas de besoin.

const webpack = require('webpack'); 
const path = require('path'); 

module.exports = { 
    entry: { 
    app: './src/app.js' 
    }, 
    output: { 
    filename: 'public/build/bundle.js', 
    sourceMapFilename: 'public/build/bundle.map' 
    }, 
    devtool: '#source-map', 
    plugins: 
    process.env.NODE_ENV === 'production' 
     ? [ 
      new webpack.DefinePlugin({ 
      'process.env': { 
       NODE_ENV: JSON.stringify('production') 
      } 
      }), 
      new webpack.optimize.UglifyJsPlugin({ 
      minimize: true, 
      compress: { 
       warning: true 
      } 
      }) 
     ] 
     : [], 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules)/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['react', 'es2015', 'stage-1'] 
     } 
     } 
    ] 
    } 
}; 

Answer 1

Vous pouvez utiliser cross-env, d'une manière indépendante de la plateforme d'utiliser des variables d'environnement:

"scripts": { 
    "build": "cross-env NODE_ENV=production webpack && gulp", 
    // or if the former does not work 
    "build": "npm run build:webpack && gulp", 
    "build:webpack": "cross-env NODE_ENV=production webpack", 
}, 

Notez qu'il existe other ways to do production builds ou evaluate environment variables dans la configuration webpack.