webpack.prod.config.js

/* eslint-disable */
var path = require('path')
var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
  entry: {
    'main-app': path.join(__dirname, 'src/client/main-app/index.js'),
    'login': path.join(__dirname, 'src/client/login/login.js'),
  },
  output: {
    path: path.join(__dirname, 'src/server/public/javascripts/'),
    publicPath: '/javascripts/',
    filename: '[name].js'
  },
  resolve: {
    extensions: ['', '.js', '.vue']
  },
  resolveLoader: {
    root: path.join(__dirname, 'node_modules')
  },
  module: {
    preLoaders: [
      {
        test: /\.vue$/,
        loader: 'eslint',
        exclude: /node_modules/
      },
      {
        test: /\.js$/,
        loader: 'eslint',
        exclude: /node_modules/
      }
    ],
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: { presets: ['es2015'] }
      },
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.json$/,
        loader: 'json'
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: '[name].[ext]?[hash:7]'
        }
      },
      {
        test: /\.styl$/,
        loader: ExtractTextPlugin.extract('css?sourceMap!stylus',
          {
            publicPath: '/stylesheets/',
          }
        ),
      },
    ]
  },
  vue: {
    loaders: {
      css: ExtractTextPlugin.extract('css')
    }
  },
  // devtool: 'eval-source-map',
  eslint: {
    formatter: require('eslint-friendly-formatter')
  },
  plugins: [
    // short-circuits all Vue.js warning code
    new webpack.DefinePlugin({
      'process.env': { NODE_ENV: '"production"' }
    }),
    // extract css into its own file
    new ExtractTextPlugin('../stylesheets/[name].css'),
    // Uglify output js file
    new webpack.optimize.UglifyJsPlugin({
      compress: { warnings: false }
    }),
    // optimize module ids by occurence count
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.DefinePlugin({
      __PORT__: 8000,
    }),
  ],
  externals: {
    'agora-rtc': 'AgoraRTC',
  },
}