Have ideas to improve npm?Join in the discussion! »

@rajzik/config-webpack
TypeScript icon, indicating that this package has built-in type declarations

6.1.8 • Public • Published

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

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

Settings

Main settings

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;
}

Default values

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

Options

  • 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:
    import MyModule from '~/MyModule';
    // this will resolve src/MyModule.[ts,js,tsx,jsx]
    // or src/MyModule/index.[ts,tsx,js,jsx]

CLI Options

  • --sourceMaps
    • Enable source map generation
  • --analyze
    • Enable bundle analyze
  • --parallel / --parallel=<number | string | boolean>
    • Enable/sets parallel configuration
  • --buildFolder=<string>
    • sets build folder
  • --entryPoint=<string>
    • sets entry point for build
    • Entry point is relative to srcFolder

Example:

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

Beemo/webpack

Install

npm i @rajzik/config-webpack

DownloadsWeekly Downloads

0

Version

6.1.8

License

MIT

Unpacked Size

341 kB

Total Files

31

Last publish

Collaborators

  • avatar