onepoint-new-app/file-creators/webpackConfig.js

Easily generate a new fully-equiped React project, optionally with Express & MongoDB.

const fs = require("fs-extra");
const path = require("path");

function webpackConfig({ redux, title, description }) {
  const aliasPlaceholder = "__PLACEHOLDER_WEBPACK_ALIAS__";
  const titlePlaceholder = "__PLACEHOLDER_TITLE__";
  const descriptionPlaceholder = "__PLACEHOLDER_DESCRIPTION__";
  const filePath = path.resolve(__dirname, "../files/webpack.config.js");
  const config = fs.readFileSync(filePath, "utf8");
  const lines = config.split("\n");

  // Which line #'s' has the placeholders.
  const aliasLineNum = lines.findIndex(line => line.includes(aliasPlaceholder));

  // The line contents.
  const aliasLine = lines[aliasLineNum];

  /*
    http://bit.ly/2XpC63A
    Figure out how many empty spaces there are for the indentation.
    Our object properties should be indented 2 more than that.
  */
  const indent = (aliasLine && " ".repeat(aliasLine.search(/\S/) + 2)) || "";

  // Construct the appropriate webpack alias object for redux or not.
  const aliasReduxObject = [
    `actions: path.resolve(__dirname, 'src/redux/actions'),`,
    `middleware: path.resolve(__dirname, 'src/redux/middleware'),`,
    `reducers: path.resolve(__dirname, 'src/redux/reducers')`
  ]
    .map(line => `${indent}${line}`)
    .join("\n");

  // Construct the final alias object, possible including `aliasReduxObject` from above.
  const aliasObject = [
    "{",
    `${indent}components: path.resolve(__dirname, 'src/components'),`,
    `${indent}assets: path.resolve(__dirname, 'src/assets'),`,
    `${indent}hooks: path.resolve(__dirname, 'src/hooks'),`,
    `${indent}helpers: path.resolve(__dirname, 'src/helpers')${
      redux ? "," : ""
    }`,
    redux && aliasReduxObject,
    `${indent.slice(2)}}` // Closing bracket indented 2 spaces closer.
  ]
    .filter(Boolean)
    .join("\n");

  return config
    .replace(aliasPlaceholder, aliasObject)
    .replace(titlePlaceholder, `'${title}'`)
    .replace(descriptionPlaceholder, `'${description}'`);
}

module.exports = webpackConfig;