phenomic/src/builder/webpack/config.node.js

Modern website generator based on the React and Webpack ecosystem.

// @flow

import { join, basename } from "path"

import { BannerPlugin, optimize } from "webpack"
import findCacheDir from "find-cache-dir"

import commonWebpackConfig from "./config.common.js"

const { UglifyJsPlugin } = optimize
const chunkNameNode = "phenomic.node"
export const cacheDir = findCacheDir({ name: "phenomic/webpack-node-build" })

const defaultExternals = [
  // we could consider node_modules as externals deps
  // and so use something like
  // /^[A-Za-z0-9-_]/
  // to not bundle all deps in the static build (for perf)
  // the problem is that if people rely on node_modules for stuff
  // like css, this breaks their build.

  // Glamor integration
  "glamor",
  "glamor/server",

  // Aprodite integration
  "aphrodite",
]

const sourceMapSupport = require.resolve("source-map-support/register")
  // windows support
  .replace(/\\/g, "/")

const requireSourceMapSupport = "require('" + sourceMapSupport + "');"

export default (config: PhenomicConfig): WebpackConfig => {
  const webpackConfig = commonWebpackConfig(config)

  return {
    ...webpackConfig,

    entry: {
      // no need for other entries
      [chunkNameNode]: join(config.cwd, config.scriptNode),
    },

    output: {
      ...webpackConfig.output,
      path: cacheDir,
      libraryTarget: "commonjs2",
      filename: basename(config.scriptNode, ".js") + ".bundle.js",
    },

    target: "node",

    // externals for package/relative name
    externals: [
      ...webpackConfig.externals || defaultExternals,

      // keep the loader plugin cache in memory
      "phenomic/lib/loader/index",
      "phenomic/lib/loader/plugin",
    ],

    // sourcemaps
    devtool: "#source-map",
    plugins: [
      // Remove UglifyJSPlugin from plugin stack
      ...webpackConfig.plugins.filter(
        (plugin) => !(plugin instanceof UglifyJsPlugin)
      ) || [],

      new BannerPlugin({
        banner: requireSourceMapSupport,
        raw: true,
        entryOnly: false,
      }),
    ],
  }
}