@masatomakino/gulptask-demo-page

gulptask-demo-page

demo html generator

GitHub

Getting Started

Install

npm i @masatomakino/gulptask-demo-page -D

CLI

you can generate demo pages from the CLI.

npx @masatomakino/gulptask-demo-page -W

See --help command for options.

npx @masatomakino/gulptask-demo-page --help
Usage: CLI [options]

Options:
  -W --watch                          default : false
  --prefix <string>                   default : demo
  --srcDir <path>                     default : ./demoSrc
  --distDir <path>                    default : ./docs/demo
  --body <string>                     html tag to insert into the body
  --style <string>                    This is the css style that will be applied to the demo page. ex :
                                      "canvas{background-color:#000}"
  --copyTargets [extensions...]       default : "png", "jpg", "jpeg"
  --externalScripts [url...]          ex : "https://code.createjs.com/1.0.0/createjs.min.js"
  --rule <path>                       config file path for webpack rules
  --compileTarget <string>            config tsconfig.compilerOptions.target, ex : es5
  --compileModule <string>            config tsconfig.compilerOptions.module, ex : es2020
  --compileModuleResolution <string>  config tsconfig.compilerOptions.moduleResolution, ex : node, node16, bundler
  -h, --help                          display help for command

npm script

• build : build gulptask-demo-page binary.
• watch : watch src dir and build binary.
• exampleCLI : sample command for CLI user.
• watch:exampleCLI : exampleCLI with watch mode.
• testRun : run "gulptask-demo-page" generated by "build" command.
• watch:testRun : run "gulptask-demo-page" with watch mode.

License

MIT licensed.