@masatomakino/gulptask-demo-page v0.8.2

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

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 compile target for tsconfig
-h, --help                     display help for command

Option

You can set options when you initialize a task.

• prefix (default : "demo") : The word contained in the name of the demo script.
• srcDir (default : "./demoSrc") : Directory where demo scripts are stored.
• distDir (default : "./docs/demo") : Directory where html files are output.
• externalScripts (default :[]) : A list of external javascript libraries.
• body (default : "") : Content stored in the < body > tag.
• style (default : "") : Common style for demo html.
• copyTargets (default :["png", "jpg", "jpeg"]) : Static assets in srcDir. These are copied to distDir.

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.