Documentation

[iamssen]

web

env

• jest configuration
• webpackFinal of storybook
• available import types (scripts, svg, mdx, styles, yaml, image, plain text)

config

• set env → process.env / direnv
• browserslist →
• proxy → webpackDevServerConfig
• https → webpackDevServerConfig
• multiple static file directories → staticFileDirectories (illustration - public/a.jpg, static/b.jpg → http://localhost/a.jpg, http://localhost:b.jpg)
• app → (illustration - start({ app: 'app' }) → focus app directory on src/ directory)
• customize webpack configuration, ignoring webpack configurations
• attach additional UI → children
• change logfile location → logfile
• remove source-map on production files → devtool ( sentry )
• see bundle size report

advanced strategies

• boot API server and set proxy config on one time (with @rocket-scripts/mock)
• attach remote servers with proxy config
• repeating profile with puppeteer and react ink UI
• take screenshots with puppeteer
• quick-change puppeteer settings with react ink UI (e.g. emulate vision deficiencies)
• debug chances (node script, inspect chrome...)

start params (markdown-source-import)

• required
  • app
• optional
  • staticFileDirectories
  • port
  • hostname
  • logfile
• danger zone
  • cwd
  • tsconfig
  • webpackConfig
  • webpackDevServerConfig
  • babelLoaderOptions
  • stdout
  • stdin
  • children

build params (markdown-source-import)

• required
  • app
• optional
  • staticFileDirectories
  • outDir
  • openBundleSizeReport
• danger zone
  • cwd
  • tsconfig
  • webpackConfig
  • babelLoaderOptions
  • devtool