Doodle Frontend Configuration

This module contains the default configuration files for linting and building a frontend module.

How to use it

• Add @doodle/frontend-config to the devDependencies of your Javascript module
• Run npm install
• Follow the instructions contained in each configuration file (i.e. prettier.js, webpack.js, etc...)

The default files contained in this module can be imported and extended in the local configuration files of your project. You can find an example in each configuration file.

As a recommendation, always use javascript configuration files to maintain consistency.

ESLint notes

ESLint is not included in this module, because it requires a dedicated module. You can find it at DoodleSchedulint/eslint-config

Publishing

When you want to publish a new version of the module, you can simply update the version in the package.json and run the following command.

$ npm publish

Webpack

You will find two configuration entry points for webpack.

webpack.react.v1.js

This file is used by the first react stack that we implemented, which usually includes an express server with proxy for local development. Examples of projects that started with this configuration are web-billing, web-settings and web-auth.

webpack.react.js

This configuration is for the second generation of frontends, implemented for example by web-unified-dashboard.

🚧 WORK IN PROGRESS 🚧 This file still relies on the gulp configuration.