03-Configuration.md

Configuration

File structure:

• src – Source files
  • config – Name convention: [tool].[enviroment].config.js
    • babel.config.js
    • webpack.development.config.js
    • webpack.production.config.js
    • tests.config.js

Babel

This project uses Babel. By default folder aliases for module-resolver plugin are:

• Style: ./src/app/style/
• Component: ./src/app/component/
• Route: ./src/app/route/
• Store: ./src/app/store/
• Util: ./src/app/util/
• Query: ./src/app/query/
• Type: ./src/app/type

Other default, pre-installed plugins are:

• @babel/plugin-proposal-object-rest-spread
• @babel/plugin-transform-runtime
• @babel/plugin-syntax-dynamic-import
• console-source

Default presets:

• @babel/preset-env
• @babel/preset-react

Note: babel.config.js is not default Babel configuration. It is custom file, which simply exports babel presets and plugins (names are similar due to name convention chosen for this directory). It is later used by Webpack babel-loader directly. This is a workaround for a babel issue.

Webpack

Read more in Webpack configuration