extend-compose-webpack.md

Extend Compose and Webpack

You are an advanced Docker Compose and Webpack user? Then heads up, read on how to extend the boilerplate.

Docker Compose

The docker-compose.yml file from devops/docker-compose/ is deep merged with all found {plugins/packages}/*/devops/docker-compose/docker-compose.yml files. So, it is pretty easy to add a plugin specific container.

To see which docker-compose.yml files are merged, run the root command yarn workspace:compose-files.

To see the result of the merged docker-compose.yml file, you can run yarn docker-compose config.

Webpack

Webpack provides a lot of configurations. We do not prevent you from using them together with webpack.factory.ts. Simply pass a callback to the factory and do what you want in plugins/your-plugin/scripts/webpack.config.ts:

import { createDefaultSettings } from "../../../common/webpack.factory";

export default createDefaultSettings("plugin", {
    override: (settings) => {
        // Do something with settings.
    }
});