@procore/core-webpack/dist/index.js

"use strict";

var _fs = _interopRequireDefault(require("fs"));

var _webpackMerge = _interopRequireDefault(require("webpack-merge"));

var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));

var _path = _interopRequireDefault(require("path"));

var _terserWebpackPlugin = _interopRequireDefault(require("terser-webpack-plugin"));

var _webpack = _interopRequireDefault(require("webpack"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var config = function config(customizations) {
  var mode = process.env.NODE_ENV;
  var tsScriptConfigPath = _fs["default"].existsSync("".concat(process.cwd(), "/tsconfig.json")) ? "".concat(process.cwd(), "/tsconfig.json") : _path["default"].resolve('node_modules', '@procore', 'core-webpack', 'tsconfig.json');
  var output = mode === 'production' ? {
    path: _path["default"].resolve("".concat(process.cwd()), 'build'),
    filename: '[name].bundle.js',
    libraryTarget: 'umd'
  } : {
    path: '/',
    publicPath: 'http://localhost:5000/',
    filename: '[name].bundle.js',
    libraryTarget: 'umd'
  };
  var plugins = [new _miniCssExtractPlugin["default"]({
    filename: '[name].bundle.css'
  })];
  var client = process.env.CLIENT_NAME ? "-".concat(process.env.CLIENT_NAME) : '';
  var digest = process.env.CLIENT_DIGEST ? "-".concat(process.env.CLIENT_DIGEST) : '';
  plugins = mode === 'development' ? plugins : plugins.concat([new _webpack["default"].SourceMapDevToolPlugin({
    test: /\.js$/,
    filename: "sourcemaps/[name].bundle".concat(client).concat(digest, ".js.map"),
    append: false,
    exclude: [/node_modules\/*/]
  }), new _webpack["default"].SourceMapDevToolPlugin({
    test: /\.css$/,
    filename: '[file].map',
    exclude: [/node_modules\/*/]
  })]);
  var defaults = {
    entry: {
      index: _path["default"].resolve('src', 'index.js')
    },
    devServer: {
      headers: {
        'Access-Control-Allow-Origin': '*'
      },
      host: '0.0.0.0',
      hot: true,
      inline: true,
      port: '5000'
    },
    devtool: mode === 'production' ? false : 'inline-source-map',
    mode: mode,
    module: {
      rules: [{
        test: /\.tsx?$/,
        exclude: /node_modules/,
        use: {
          loader: require.resolve('ts-loader'),
          options: {
            context: process.cwd(),
            configFile: tsScriptConfigPath
          }
        }
      }, {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: require.resolve('babel-loader'),
          options: {
            plugins: [require.resolve('@babel/plugin-proposal-object-rest-spread'), require.resolve('@babel/plugin-transform-runtime'), require.resolve('babel-plugin-transform-class-properties')],
            presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')]
          }
        }
      }, {
        test: /\.s?[ca]ss$/,
        exclude: /node_modules/,
        use: [{
          loader: mode === 'development' ? require.resolve('style-loader') : _miniCssExtractPlugin["default"].loader
        }, {
          loader: require.resolve('css-loader'),
          options: {
            localIdentName: '[local]--[hash:base64:5]',
            modules: true,
            importLoaders: 1
          }
        }, {
          loader: require.resolve('postcss-loader'),
          options: {
            ident: 'postcss',
            plugins: function plugins() {
              return [require('postcss-preset-env')({
                browsers: 'last 2 versions'
              }), require('precss')()];
            }
          }
        }]
      }, {
        test: /\.(gif|jpe?g|png|svg|eot|ttf|otf|woff2?)$/,
        use: require.resolve('file-loader')
      }]
    },
    optimization: {
      minimizer: [new _terserWebpackPlugin["default"]({
        cache: true,
        parallel: 2,
        sourceMap: true,
        terserOptions: {
          compress: {
            drop_console: true
          }
        }
      })],
      splitChunks: {
        cacheGroups: {
          "default": {
            minChunks: 2,
            priority: -20,
            reuseExistingChunk: true
          },
          styles: {
            chunks: 'all',
            enforce: true,
            name: 'styles',
            test: /\.css$/
          },
          vendors: {
            test: /[\\/]node_modules[\\/]/,
            priority: -10
          }
        }
      }
    },
    output: output,
    plugins: plugins,
    resolve: {
      extensions: ['.css', '.js', '.jsx', '.scss', '.ts', '.tsx']
    }
  };
  return typeof customizations === 'function' ? customizations(_webpackMerge["default"], defaults) : (0, _webpackMerge["default"])(defaults, customizations);
};

exports = module.exports = config;