Webpack Config

Provides Webpack dependencies and configuration. Primarily used in unison with the
Lumos CLI.

Extending config

Create file in configs folder:

configs/babel.js

``js
modules.exports = {
plugins: [new webpack.NamedChunksPlugin()],
};
`

Settings

$3

`ts
export interface WebpackOptions {
analyzeBundle?: boolean;
buildFolder?: string;
port?: string | number;
parallel?: boolean | string | number;
root?: string;
react?: boolean;
sourceMaps?: boolean;
publicPath?: string;
srcFolder: string;
entryPoint?: string;
}
`

$3

`ts
{
analyzeBundle = false,
buildFolder = 'build',
port = 3000,
react = false,
sourceMaps = false,
srcFolder = 'src',
publicPath = '/',
root = process.cwd(),
}
`

$3

- analyzeBundle
- Enable/Disable bundle analyze
- buildFolder
- Defines build folder
- port
- Defines port
- react
- Enable/Disable react usage
- sourceMaps
- Enable/Disable source map generation
- srcFolder
- Defines source code folder
- entryPoint
- Defines file which will be acting as entry point instead of index.html
- publicPath
- Defined path where to get scripts
- useful values: '/', './'
- parallel
- Settings for terser plugin
- fast AF boii
- aliasPattern

- Path alias pattern
- Do not change unless you know what are you doing
- Example:

`tsx
import MyModule from '~/MyModule';
// this will resolve src/MyModule.[ts,js,tsx,jsx]
// or src/MyModule/index.[ts,tsx,js,jsx]
`

$3

- --sourceMaps
- Enable source map generation
- --analyze
- Enable bundle analyze
- --parallel / --parallel=
- Enable/sets parallel configuration
- --buildFolder=
- sets build folder
- --entryPoint=
- sets entry point for build
- Entry point is relative to srcFolder

Example:

`bash
lumos webpack --entryPoint=appEntry.tsx --sourceMaps --analyze --buildFolder=build
``

$3