@mapbox/batfish/dist/node/create-webpack-config-static.js

The React-powered static-site generator you didn't know you wanted

//      
'use strict';

const path = require('path');
const _ = require('lodash');
const webpack = require('webpack');
const webpackMerge = require('webpack-merge');
const createWebpackConfigBase = require('./create-webpack-config-base');
const constants = require('./constants');

const reactComponentStubPath = path.join(
  __dirname,
  './static-stubs/react-component.js'
);

// Create a Webpack configuration that compiles static-render-pages.js,
// a Node module that will build HTML pages.
function createWebpackConfigStatic(
  batfishConfig                      
)                                 {
  return createWebpackConfigBase(batfishConfig, {
    target: constants.TARGET_NODE
  }).then((baseConfig) => {
    const staticConfig                        = {
      entry: {
        static: path.join(__dirname, '../webpack/static-render-pages.js')
      },
      output: {
        filename: './static-render-pages.js',
        libraryTarget: 'commonjs2'
      },
      target: 'node',
      externals: {
        // These modules are required by static-render-pages and don't play
        // nice when Webpack tries to compile them, or we know they can be
        // loaded in Node. They are require.resolved when they are direct
        // dependencies of Batfish, and not when they are peer dependencies.
        react: 'react',
        'react-dom': 'react-dom',
        'react-dom/server': 'react-dom/server',
        'react-helmet': 'react-helmet',
        'uglify-js': require.resolve('uglify-js'),
        mkdirp: require.resolve('mkdirp'),
        'source-map-support/register': require.resolve(
          'source-map-support/register'
        ),
        pify: require.resolve('pify'),
        '@mapbox/link-hijacker': require.resolve('@mapbox/link-hijacker'),
        '@mapbox/scroll-restorer': require.resolve('@mapbox/scroll-restorer'),
        '@mapbox/link-to-location': require.resolve('@mapbox/link-to-location'),
        // Some libraries, like got, require('electron') within a conditional;
        // Webpack can't evaluate that so tries to bundle electron and can't find it.
        electron: 'electron'
      },
      plugins: [
        // Ensure that all files will be grouped into one file,
        // even if they would otherwise be split into separate chunks.
        // Separate chunks serve no purpose in the static build: we need all
        // the information at once.
        new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 })
      ].concat(batfishConfig.webpackPlugins || []),
      devtool: 'source-map',
      // Don't hijack Node's globals: this code will execute in Node.
      node: {
        console: false,
        global: false,
        process: false,
        __filename: false,
        __dirname: false,
        Buffer: false,
        setImmediate: false
      }
    };

    if (batfishConfig.webpackStaticIgnore) {
      _.set(staticConfig, 'module.rules[0]', {
        test: batfishConfig.webpackStaticIgnore,
        loader: 'ignore-loader'
      });
    }

    batfishConfig.webpackStaticStubReactComponent.forEach((original) => {
      if (!staticConfig.plugins) staticConfig.plugins = [];
      staticConfig.plugins.push(
        new webpack.NormalModuleReplacementPlugin(
          new RegExp(_.escapeRegExp(original)),
          reactComponentStubPath
        )
      );
    });

    let config = webpackMerge(baseConfig, staticConfig);
    if (batfishConfig.webpackConfigStaticTransform) {
      config = batfishConfig.webpackConfigStaticTransform(config);
    }
    return config;
  });
}

module.exports = createWebpackConfigStatic;