{"id":14954981,"url":"https://github.com/wwwebman/gulp-webpack-starter","last_synced_at":"2025-10-10T15:06:19.260Z","repository":{"id":16830582,"uuid":"80716924","full_name":"wwwebman/gulp-webpack-starter","owner":"wwwebman","description":"Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!","archived":false,"fork":false,"pushed_at":"2023-07-18T20:43:12.000Z","size":3728,"stargazers_count":215,"open_issues_count":7,"forks_count":40,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-09T18:17:53.669Z","etag":null,"topics":["browsersync","gulp","gulp-starter","gulp-tasks","static-site-generation","static-site-generator","svg-sprites","templates","webpack","webpack-configuration","webpack-starter","wordpress-development","yarn"],"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/wwwebman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-02T11:00:57.000Z","updated_at":"2025-04-08T22:07:28.000Z","dependencies_parsed_at":"2024-08-22T23:18:58.171Z","dependency_job_id":null,"html_url":"https://github.com/wwwebman/gulp-webpack-starter","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/wwwebman/gulp-webpack-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wwwebman%2Fgulp-webpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wwwebman%2Fgulp-webpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wwwebman%2Fgulp-webpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wwwebman%2Fgulp-webpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wwwebman","download_url":"https://codeload.github.com/wwwebman/gulp-webpack-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wwwebman%2Fgulp-webpack-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279004564,"owners_count":26083734,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["browsersync","gulp","gulp-starter","gulp-tasks","static-site-generation","static-site-generator","svg-sprites","templates","webpack","webpack-configuration","webpack-starter","wordpress-development","yarn"],"created_at":"2024-09-24T13:10:20.040Z","updated_at":"2025-10-10T15:06:19.246Z","avatar_url":"https://github.com/wwwebman.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://webman.pro\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/wwwebman/wwwebman/master/wwwebman.svg\" width=\"50px\" alt=\"webman.pro\" valign=\"middle\"\u003e\n     :tada:\n    \u003cimg alt=\"gulp-webpack-starter\" src=\"https://user-images.githubusercontent.com/13425833/73493741-a2eefe00-43b3-11ea-8cae-202e646582ac.png\" height=\"150px\" valign=\"middle\" /\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003ch1\u003eGulp Webpack Starter\u003c/h1\u003e\n  \u003ca href=\"https://github.com/wwwebman/gulp-webpack-starter/blob/master/CONTRIBUTING.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat\" alt=\"Contributions\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/wwwebman/gulp-webpack-starter/blob/master/CONTRIBUTING.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/wwwebman/gulp-webpack-starter.svg\" alt=\"Contributors\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/wwwebman/gulp-webpack-starter/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/mashape/apistatus.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://travis-ci.org/wwwebman/gulp-webpack-starter\"\u003e\n    \u003cimg src=\"https://travis-ci.org/wwwebman/gulp-webpack-starter.svg?branch=master\" alt=\"Travis CI\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://gitter.im/gulp-webpack-starter/Lobby\"\u003e\n    \u003cimg src=\"https://img.shields.io/gitter/room/tj/git-extras.svg?style=flat-square\" alt=\"Gitter Chat\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr /\u003e\n\n**Gulp Webpack Starter** - fast and simple web development toolkit. \nIt uses Gulp task runner and Webpack bundler.\nThe starter perfectly fits [building static HTML templates](#dart-1-static-html-templating) \nor [speeding up WordPress](#eyes-2-wordpress) theme development.\n\n[Version 2](https://github.com/wwwebman/gulp-webpack-starter/releases/tag/v2.0.0) is released :tada:.\n\n**Easy to start, nice to use. Check it out! :octopus:**\n___\n\n## List of Content\n\n1. [Features](#gift-features)\n1. [Getting Started?](#getting-started)\n    * [Recommendations](#closed_book-recommendations)\n    * [Static HTML templating](#dart-1-static-html-templating)\n    * [WordPress](#eyes-2-wordpress)\n1. [Contributing](./CONTRIBUTING.md)\n1. [Examples](./examples)\n\n## :gift: Features\n\n|Features|Description|\n|------------------|-----------|\n|CSS| [SASS](http://sass-lang.com/), [Autoprefixer](https://github.com/postcss/autoprefixer), [gulp-purgecss](https://www.npmjs.com/package/gulp-purgecss)|\n|JS|[Webpack](https://webpack.js.org/), [Babel](http://babeljs.io/)|\n|Live Reload|[BrowserSync](http://www.browsersync.io/), [Webpack Dev Middleware](https://github.com/webpack/webpack-dev-middleware), [Webpack Hot Middleware](https://github.com/glenjamin/webpack-hot-middleware)|\n|HTML| [gulp-file-include](https://www.npmjs.com/package/gulp-file-include)|\n|Images| [gulp-imagemin](https://www.npmjs.com/package/gulp-imagemin)|\n|SVG sprite| [gulp-svg-sprite](https://github.com/jkphl/gulp-svg-sprite)|\n\n## Getting started?\n\n### :closed_book: Recommendations\n\nMake sure you have installed the following: \n* [Node.js](https://nodejs.org/)(**Recommended to use Node.js v10.16.0**)\n* [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/en/). \nIn this tutorial we use yarn, but you can use npm. \n\n## :dart: 1. Static HTML templating\n\n#### Step 1 - clone\n\n```bash\ngit clone https://github.com/wwwebman/gulp-webpack-starter [my-static-template-project-name]\ncd [my-static-template-project-name]\n```\n\n#### Step 2 - run\n\n`cp .env.dist .env`\n\n```bash\nyarn\nyarn start\n```\n\nStart files modification under `[my-static-template-project-name]/dev/*` to feel a great \ndevelopment experience.\n\n**Cool and pretty easy, right?**\n\n***\n\n## :eyes: 2. WordPress\n\n### 1. Preparation\n\nIt can be setup in a number of different ways, but we would like to describe the simplest:\n\nPlease be sure of the following:\n - WordPress website is available under `http://localhost/[awesome_wp_project]`\n - WordPress Theme exists\n\nNote: folder naming on different OS can differ.\n\n```bash\ncd [awesome_wp_project]/wp-content/themes/[theme_folder_name]\n\ngit clone git@github.com:wwwebman/gulp-webpack-starter.git [frontend_folder_name]\n\ncd [frontend_folder_name]\n\ncp .env.wordpress .env\n```\n\n### 2. Modify .env\n\n##### Required\n\nSet correct values to `BROWSER_SYNC_TARGET` and `BROWSER_SYNC_PUBLIC_PATH` variables.\n\n- `BROWSER_SYNC_TARGET` - refers to WordPress website installed locally\n- `BROWSER_SYNC_PUBLIC_PATH` - refers to the relative pathname of `bundle.js` in the browser.\n\n##### Not required\n\nAll compiled files land to `themes/[theme_folder_name_folder]/assets`.\nModify `ROOT_DIST` to change the destination.\n\n### 3. Double check if assets attached in `[theme_folder_name]/functions.php`:\n\n```php\nfunction enqueue_styles()\n{\n  wp_enqueue_style('custom', get_template_directory_uri() . '/assets/css/bundle.css', [], null);\n}\n\nadd_action('wp_enqueue_scripts', 'enqueue_styles');\n\nfunction register_scripts()\n{\n  wp_enqueue_script('custom-js', get_template_directory_uri() . '/assets/js/bundle.js', [], null, true);\n}\n\nadd_action('wp_enqueue_scripts', 'register_scripts');\n```\n\n#### 4. Run\n\n```bash\ncd [theme_folder_name]/[frontend_folder_name]\nyarn\nyarn start\n```\n\n**This is cool, isn't it?**\n\nIf you still have a problem, let us know by opening an [issue](https://github.com/wwwebman/gulp-webpack-starter/issues).\n\n## Commands\n\n```bash\nyarn start // Runs development mode\nyarn build // Compiles assets in production mode\n```\n\n## License\n\nMIT License, Copyright © 2015-present, [Dmytro Chumak](https://webman.pro).\nSee [LICENSE](./LICENSE) for more information.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwwwebman%2Fgulp-webpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwwwebman%2Fgulp-webpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwwwebman%2Fgulp-webpack-starter/lists"}