webpack.production.config.js

var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  //行到行的source map
  devtool: 'cheap-module-source-map',
  entry: {
    js: ['./src/index'],
    vendor: ['babel-polyfill', 'react', 'react-dom']
  },
  output: {
  path: path.join(__dirname, 'dist/zhihuDaily/public'),
  filename: 'app.js?v[hash:10]',
  chunkFilename: '[id].chunk.js?v[hash:10]',
  publicPath: '/',
  },
  resolve: {
    // 如果不加上jsx默认不会处理jsx文件
    // 这样的话无法import jsx文件
    extensions: ['', '.js', '.jsx']
  },
  plugins: [
  new ExtractTextPlugin('style.css?v[contenthash:10]', { allChunks: true }),
  new HtmlWebpackPlugin({ template: './src/index.html', inject: 'body' }),
  new webpack.DefinePlugin({
    'process.env': {
      'NODE_ENV': JSON.stringify('production')
    }
  }),
  new webpack.optimize.DedupePlugin(),
  new webpack.optimize.UglifyJsPlugin({
    compress: {
    warnings: false
    }
  }),
  new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js?v[hash:10]")
  ],
  module: {
    loaders: [{
      test: /\.jsx?$/,
      loaders: ['jsx?harmony', 'babel'],
      include: path.join(__dirname, 'src')
    },
    {
      test: /\.styl$/,
      //'style-loader!css-loader!stylus-loader'
      loader: ExtractTextPlugin.extract('style-loader!', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!stylus-loader')
    },
    {
      test:/.png$/,
      loader: 'url-loader?limit=8192&name=images/[name].[ext]'
    },
    {
      test: /\.svg$/,
      loader: 'url-loader?limit=10000&name=images/[name].[ext]',
      exclude: path.join(__dirname, 'src', 'statics', 'iconfont')
    },
    {
      test: /\.(woff2?|otf|eot|svg|ttf)$/,
      loader: 'url-loader?limit=10000&name=font/[name].[ext]',
      include: path.join(__dirname, 'src', 'statics', 'iconfont')
    }]
  },
  stylus: {
    use: [require('nib')()],
    import: ['~nib/lib/nib/index.styl']
  }
};