openproject/frontend/webpack-vendors-config.js

// -- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
// ++

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

var CleanWebpackPlugin = require('clean-webpack-plugin');

var mode = (process.env['RAILS_ENV'] || 'production').toLowerCase();
var uglify = (mode !== 'development');

var output_root = path.resolve(__dirname, '..', 'app', 'assets', 'javascripts');
var bundle_output = path.resolve(output_root, 'bundles')

function getWebpackVendorsConfig() {
  var config = {
    entry: {
      vendors: [path.resolve(__dirname, 'app', 'vendors.js')]
    },

    output: {
      path: bundle_output,
      filename: 'openproject-[name].js',
      library: '[name]'
    },

    resolve: {
      modules: ['node_modules'],
      alias: {
        'select2': path.resolve(__dirname, 'vendor', 'select2')
      }
    },

    plugins: [
      // required for Angular (2+) to avoid error message:
      // > WARNING in ../node_modules/@angular/core/@angular/core.es5.js
      // > 5659:15-36 Critical dependency: the request of a dependency is an expression
      new webpack.ContextReplacementPlugin(
        /angular([\\\/])core/,
        path.resolve(__dirname, '../src')
      ),

      new webpack.DllPlugin({
        path: path.join(__dirname, "dist", "[name]-dll-manifest.json"),
        name: "[name]",
        context: '.'
      }),

      // Clean the output directory
      new CleanWebpackPlugin(['bundles'], {
        root: output_root,
        verbose: true
      })
    ]
  };

  if (uglify) {
    console.log("Applying webpack.optimize plugins for production.");
    // Add compression and optimization plugins
    // to the webpack build.
    config.plugins.push(
      new webpack.optimize.UglifyJsPlugin({
        mangle: true,
        compress: true,
        compressor: { warnings: false },
        sourceMap: false,
        exclude: /\.min\.js$/
      }),
      new webpack.LoaderOptionsPlugin({
        // Let loaders know that we're in minification mode
        minimize: true
      })
    );
  }

  return config;
}

module.exports = getWebpackVendorsConfig;