webpack.common.js

const webpack = require("webpack");
const _ = require('lodash');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const ManifestPlugin = require('webpack-manifest-plugin');
const ProgressPlugin = require('webpack/lib/ProgressPlugin');

///////////////////////////////////////////////////////////////////////////////////////////////////
// read package.json and get dependencies' package ids
function getNPMPackageIds() {
  var packageManifest = {};
  try {
    packageManifest = require('./package.json');
  } catch (e) {
    // does not have a package.json manifest
  }
  return _.keys(packageManifest.dependencies) || []
}

module.exports = {
  cache: true,
  bail: false,
  entry: {
    app: './app/jsx/App.jsx'
  },
  output: {
    filename: '[name]-bundle-[chunkhash].js',
    path: __dirname + '/app/js',
    publicPath: "/js/"
  },
  optimization: {
    splitChunks: {
      chunks: 'all',
      name: true
    }
  },
  plugins: [
    // Provides jQuery globally to all browser modules, so we can use jquery plugins like Trumbowyg
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    }),
    new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: ["*-bundle*.js*"]
    }),
    // Generates manifest.json so app can know the exact names of files for cache-busting
    new ManifestPlugin(),
    new ProgressPlugin( (percent, message) =>
      process.stdout.write(" [" + Math.round(percent*100) + "%] " + message + "                                \r")
    )
  ],
  resolve: {
    alias: {
      'pdfjs-lib': __dirname + '/node_modules/pdfjs-embed2/src/pdf.js'
    },
  },
  module: {
    rules: [{
      test: /\.jsx$/,
      exclude: /node_modules/,
      loader: 'babel-loader'
    },
    {
      test: /pdfjs-embed2.*\.js$/,
      exclude: /src\/core\/(glyphlist|unicode)/,
      loader: 'babel-loader'
    }]
  },
  performance : {
    hints : false
  }
}