funny-react-app-archetype

Introduction

funny-react-app-archetype is an archetype of react app configuration, including babel and webpack.

Usage

src/client/.babelrc.js:

module.exports = {
  extends: "funny-react-app-archetype/config/babel/babelrc-client"
};

src/server/.babelrc.js:

module.exports = {
  extends: "funny-react-app-archetype/config/babel/babelrc-server"
};

webpack.config.js:

module.exports = require("funny-react-app-archetype/config/webpack/webpack.config");

webpack.config.dev.js:

module.exports = require("funny-react-app-archetype/config/webpack/webpack.config.dev");

.eslintrc.js:

module.exports = {
  extends: "./node_modules/funny-react-app-archetype/.eslintrc.js"
};

Overwrite

To overwrite optimization.splitChunks:

const { splitChunks } = require("funny-react-app-archetype/config/webpack/partial/split-chunks.js")().optimization;
const config = require("funny-react-app-archetype/config/webpack/webpack.config");
config.optimization.splitChunks = Object.assign({}, splitChunks, {/* User Defined Options */});

Acknowledgement

Big thank to electrode-io , a powerful library to build universal React app . I was inspired by electrode to write this package based on one of its amazing package electrode-archetype-react-app-dev.