# @masatomakino/gulptask-demo-page
> demo html generator for gulp.js
Latest version **0.10.5** (published 2026-01-31) · MIT license · 0 weekly downloads
## Install
```sh
npm install @masatomakino/gulptask-demo-page
pnpm add @masatomakino/gulptask-demo-page
yarn add @masatomakino/gulptask-demo-page
bun add @masatomakino/gulptask-demo-page
```
Provides the command `gulptask-demo-page`.
## Health
**Score 70/100 (B)** — status: stable.
Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score; high quality score.
Warnings: low downloads; pre 1.0.
## Facts
| | |
|---|---|
| Version | 0.10.5 |
| Published | 2026-01-31 |
| First published | 2022-06-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 58.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 0 |
| Author | MasatoMakino |
| Maintainers | makio_masato |
## Links
- npm: https://www.npmjs.com/package/@masatomakino/gulptask-demo-page
- Repository: https://MasatoMakino@github.com/MasatoMakino/gulptask-demo-page
- Homepage: https://github.com/MasatoMakino/gulptask-demo-page#readme
- Issues: https://github.com/MasatoMakino/gulptask-demo-page/issues
- npm.io page: https://npm.io/package/@masatomakino/gulptask-demo-page
## Dependencies (7)
- [ejs](https://npm.io/package/ejs.md) ^3.1.9
- [glob](https://npm.io/package/glob.md) 13.0.0
- [webpack](https://npm.io/package/webpack.md) ^5.102.0
- [chokidar](https://npm.io/package/chokidar.md) ^5.0.0
- [commander](https://npm.io/package/commander.md) ^14.0.0
- [ts-loader](https://npm.io/package/ts-loader.md) ^9.4.2
- [typescript](https://npm.io/package/typescript.md) ^5.1.3
## Recent versions
- 0.10.5 (latest) — 2026-01-31
- 0.10.4 — 2026-01-25
- 0.10.3 — 2026-01-25
- 0.10.2 — 2025-12-19
- 0.10.1 — 2025-06-27
- 0.10.0 — 2025-06-02
- 0.9.0 — 2025-05-10
- 0.8.6 — 2025-05-10
- 0.8.5 — 2024-10-13
- 0.8.4 — 2024-09-09
- 0.8.3 — 2024-06-13
- 0.8.2 — 2024-02-14
- 0.8.1 — 2024-02-05
- 0.8.0 — 2023-12-14
- 0.7.4 — 2023-10-08
- … 20 more at https://npm.io/package/@masatomakino/gulptask-demo-page/versions
## README
# gulptask-demo-page
> A CLI tool that generates demo HTML pages from specified JavaScript/TypeScript source files.
[](LICENSE)
[](https://www.npmjs.com/package/@masatomakino/gulptask-demo-page)
[](https://github.com/MasatoMakino/gulptask-demo-page)
[](https://github.com/MasatoMakino/gulptask-demo-page/actions/workflows/buildJS.yml)
## Getting Started
### Preparing Demo Source Files
Place your demo source files in the `demoSrc` directory.
File names should have a `demo_` prefix, like `demoSrc/demo_sample.ts`.
### Generating Demo Pages
To generate demo pages, run the following command:
```bash
npx @masatomakino/gulptask-demo-page
```
This command will generate a set of HTML files that load the demo scripts, along with an index page, in the `docs/demo` directory.
## CLI
you can generate demo pages from the CLI.
```
npx @masatomakino/gulptask-demo-page
```
See `--help` command for options.
### Options
#### -W --watch
Enable watch mode. Default: false
#### --prefix
Specify the prefix for demo page filenames. Default: demo
#### --srcDir
Specify the directory containing demo source files. Default: ./demoSrc
#### --distDir
Specify the output directory for generated demo pages. Default: ./docs/demo
#### --body
Specify HTML tags to insert into the body. The specified content will be inserted within the `` tag of the generated HTML.
#### --style
Specify CSS styles to apply to the demo page. The specified styles will be inserted within the `