{"id":13823689,"url":"https://github.com/erickzhao/static-html-webpack-boilerplate","last_synced_at":"2025-07-08T18:30:49.663Z","repository":{"id":33985219,"uuid":"111602949","full_name":"erickzhao/static-html-webpack-boilerplate","owner":"erickzhao","description":"🔮 modern tooling for old-school static webpage development ","archived":true,"fork":false,"pushed_at":"2023-01-13T23:43:38.000Z","size":2588,"stargazers_count":282,"open_issues_count":49,"forks_count":108,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-11-20T01:33:16.384Z","etag":null,"topics":["babel","boilerplate","html","javascript","minification","scss","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/erickzhao.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-21T21:24:53.000Z","updated_at":"2024-09-06T01:29:39.000Z","dependencies_parsed_at":"2023-01-15T03:49:27.752Z","dependency_job_id":null,"html_url":"https://github.com/erickzhao/static-html-webpack-boilerplate","commit_stats":null,"previous_names":[],"tags_count":2,"template":true,"template_full_name":null,"purl":"pkg:github/erickzhao/static-html-webpack-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erickzhao%2Fstatic-html-webpack-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erickzhao%2Fstatic-html-webpack-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erickzhao%2Fstatic-html-webpack-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erickzhao%2Fstatic-html-webpack-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erickzhao","download_url":"https://codeload.github.com/erickzhao/static-html-webpack-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erickzhao%2Fstatic-html-webpack-boilerplate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264323859,"owners_count":23590754,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","boilerplate","html","javascript","minification","scss","webpack"],"created_at":"2024-08-04T09:00:40.672Z","updated_at":"2025-07-08T18:30:49.296Z","avatar_url":"https://github.com/erickzhao.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# 🚀 Static HTML Webpack Boilerplate\n[![GitHub version](https://badge.fury.io/gh/erickzhao%2Fstatic-html-webpack-boilerplate.svg)](https://badge.fury.io/gh/erickzhao%2Fstatic-html-webpack-boilerplate)\n[![Build Status](https://api.travis-ci.org/erickzhao/static-html-webpack-boilerplate.svg?branch=master)](https://travis-ci.org/erickzhao/static-html-webpack-boilerplate)\n[![Dev Dependencies](https://david-dm.org/erickzhao/static-html-webpack-boilerplate/dev-status.svg)](https://david-dm.org/erickzhao/static-html-webpack-boilerplate?type=dev)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/a81c78b2255343a2a1c86abb564431a9)](https://app.codacy.com/app/erickzhao/static-html-webpack-boilerplate?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=erickzhao/static-html-webpack-boilerplate\u0026utm_campaign=Badge_Grade_Dashboard)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"200\" height=\"200\" src=\"https://i.imgur.com/y8m5pkQ.png\"\u003e\n\u003c/p\u003e\n\nEnjoy hand-writing your HTML? Keep it old-school with modern build tools. This boilerplate setup makes it easier to write your own styling, scripts, and mark-up.\n\n## ✨ Features\n\n- Write SCSS and modern JavaScript code in `src` and build minified, transpiled code for production in `dist`\n- Continuous integration with linting tests and deploying to `gh-pages`\n- Live reloading with webpack-dev-server\n- ES6+ to ES5 transpilation, bundling, and minification\n- SCSS to CSS transpilation, bundling, autoprefixing, and minification\n- Automatic copying of HTML and static assets from `src` to `dist` folders\n- Linting for styles and scripts\n\n## 🛠 Usage\n\n- Use this template on GitHub or download the latest release from the [Releases page](https://github.com/erickzhao/static-html-webpack-boilerplate/releases).\n- Write all your ES2015+ Javascript code in `src/js` and SCSS styling in `src/style`. Store static assets in `src/static`. Organize HTML files the way you like.\n- Available commands:\n  - `npm run build`: Build files to the `dist` folder. Transpiles down to ES5 and bundles all JS into `app.bundle.js`. Transpiles SCSS to CSS and adds prefixing into `style.bundle.css`. Copies static assets and HTML over, and bundled CSS and JS gets added to HTML file.\n  - `npm run start:dev`: Run `webpack-dev-server` at `localhost:9000`. Includes live reloading on any Javascript/SCSS/HTML changes.\n  - `npm run start`: Builds files and runs a local production server on `localhost:8080` with `http-server`.\n  - `npm run run lint:js`: Lints JS with ESLint.\n  - `npm run lint:styles`: Lints SCSS stylesheets with stylelint.\n  - `npm run lint:html`: Lints HTML for a11y issues using pa11y.\n  \n## 🔄 Continuous Integration\n\nThis boilerplate contains integration with [Travis CI](https://travis-ci.org/). The build system runs all linting scripts and deploys to GitHub pages upon push to the `master` branch. However, note that this deployment flow only works for Project Pages, as User and Organization pages [only support the master branch flow](https://help.github.com/articles/user-organization-and-project-pages/).\n\nFor more information on how to set up alternative deployment processes, check out the [Travis CI documentation on deployment](https://docs.travis-ci.com/user/deployment). The service can deploy to dozens of cloud providers, including Heroku, AWS, and Firebase.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferickzhao%2Fstatic-html-webpack-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferickzhao%2Fstatic-html-webpack-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferickzhao%2Fstatic-html-webpack-boilerplate/lists"}