skyquake/plugins/admin/webpack.production.config.js

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18 var webpack = require('webpack');
  19 var path = require('path');
  20 var nodeModulesPath = path.resolve(__dirname, 'node_modules');
  21 var buildPath = path.resolve(__dirname, 'public', 'build');
  22 var mainPath = path.resolve(__dirname, 'src', 'main.js');
  23 var uiPluginCmakeBuild = process.env.ui_plugin_cmake_build || false;
  24 var frameworkPath = uiPluginCmakeBuild?'../../../../skyquake/skyquake-build/framework':'../../framework';
  25 var HtmlWebpackPlugin = require('html-webpack-plugin');
  26 var CompressionPlugin = require("compression-webpack-plugin");
  27
  28 // Added to overcome node-sass bug https://github.com/iam4x/isomorphic-flux-boilerplate/issues/62
  29 process.env.UV_THREADPOOL_SIZE=64;
  30 var htmlFilename = (process.argv.indexOf('--production-debug') !== -1) ? 'debug.html' : 'index.html';
  31 var config = {
  32     devtool: 'source-map',
  33     entry: mainPath,
  34     output: {
  35         path: buildPath,
  36         filename: 'bundle.js',
  37         publicPath: "build/"
  38     },
  39     resolve: {
  40         extensions: ['', '.js', '.jsx', '.css', '.scss'],
  41         root: path.resolve(frameworkPath),
  42         alias: {
  43             'widgets': path.resolve(frameworkPath) + '/widgets',
  44             'source': path.resolve(frameworkPath) + '/source',
  45             'style':  path.resolve(frameworkPath) + '/style',
  46             'utils':  path.resolve(frameworkPath) + '/utils'
  47         }
  48     },
  49     module: {
  50         loaders: [{
  51                 test: /\.(jpe?g|png|gif|svg|ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/i,
  52                 loader: "file-loader"
  53             },
  54             {
  55                 test: /\.(js|jsx)$/,
  56                 exclude: /node_modules/,
  57                 loader: 'babel-loader',
  58                 query: {
  59                     presets: ["es2015", "stage-0", "react"]
  60                 }
  61             }, {
  62                 test: /\.css$/,
  63                 loader: 'style!css'
  64             }, {
  65                 test: /\.scss/,
  66                 loader: 'style!css!sass'
  67             }
  68         ]
  69     },
  70     plugins: [
  71         new HtmlWebpackPlugin({
  72             filename: '../' + htmlFilename,
  73             template: frameworkPath + '/plugin-index.html'
  74         })
  75     ]
  76 };
  77
  78 if (process.argv.indexOf('--optimize-minimize') !== -1) {
  79     // we are going to output a gzip file in the production process
  80     config.output.filename = "gzip-" + config.output.filename;
  81     config.plugins.push(new webpack.DefinePlugin({ // <-- key to reducing React's size
  82       'process.env': {
  83         'NODE_ENV': JSON.stringify('production')
  84       }
  85     }));
  86     config.plugins.push(new CompressionPlugin({
  87         asset: "[path]", // overwrite js file with gz file
  88         algorithm: "gzip",
  89         test: /\.(js)$/
  90     }));
  91 }
  92 module.exports = config;