{"id":14973363,"url":"https://github.com/pfight/angular-gulp-starter","last_synced_at":"2025-10-27T01:30:31.458Z","repository":{"id":92051957,"uuid":"80287885","full_name":"PFight/angular-gulp-starter","owner":"PFight","description":"Simple dev/prod build for Angular (2+) using gulp, systemjs, rollup, ngc (AOT), scss, Visual Studio","archived":false,"fork":false,"pushed_at":"2017-02-15T08:26:19.000Z","size":48,"stargazers_count":18,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-01T01:24:17.958Z","etag":null,"topics":["angular","angular-2","angular2","aot","gulp","ngc","rollup","scss","seed","starter","systemjs","typescript","visual-studio"],"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/PFight.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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-01-28T14:10:19.000Z","updated_at":"2021-06-17T21:48:20.000Z","dependencies_parsed_at":"2023-05-04T15:36:00.527Z","dependency_job_id":null,"html_url":"https://github.com/PFight/angular-gulp-starter","commit_stats":{"total_commits":12,"total_committers":1,"mean_commits":12.0,"dds":0.0,"last_synced_commit":"c2ec04544d0f624de07ec013d1c02c10fc20c129"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PFight%2Fangular-gulp-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PFight%2Fangular-gulp-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PFight%2Fangular-gulp-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PFight%2Fangular-gulp-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PFight","download_url":"https://codeload.github.com/PFight/angular-gulp-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238418211,"owners_count":19468865,"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":["angular","angular-2","angular2","aot","gulp","ngc","rollup","scss","seed","starter","systemjs","typescript","visual-studio"],"created_at":"2024-09-24T13:48:36.885Z","updated_at":"2025-10-27T01:30:31.137Z","avatar_url":"https://github.com/PFight.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular gulp starter\nSimple dev/prod gulp build for Angular (2+) using systemjs, rollup, ngc (AOT), scss, and with dev/prod servers via express.\n\n### Setup\n\n    npm install gulp -g\n    npm install\n\n### See in action\n\n[Try DEV build online](https://pfight.github.io/angular-gulp-starter-online-dev/)\n\n[Try PROD build online](https://pfight.github.io/angular-gulp-starter-online-prod)\n\n### Commands\n\n##### Development buid\n    \n    gulp build-dev --color\n\nDevelopment build includes compilation of SCSS and TypeScript, and bundling of rxjs to single file.\n\n##### Production build\n\n    gulp build-prod --color\n\nProduction build includes compilation of SCSS, AOT compilation and tree-shaking with Rollup. All result files moved to `dist` dir. Production build output do not conflicts with development.\n\n##### Start develoment server\n\n    npm start\n\nServer will be listening on [http://localhost:8181](http://localhost:8181).\n\n##### Start production test server\n    \n    npm run start-prod\n\nServer will be listening on [http://localhost:8282](http://localhost:8282), with gzip content compression enabled.\n\n### Using Visual Studio\n\n##### Setup\n\n1. Setup [Visual Studio 2015](https://www.visualstudio.com/downloads/) (for example, Community Edition)\n2. Setup [TypeScript for Visual Studio 2015](https://www.microsoft.com/ru-ru/download/confirmation.aspx?id=48593)\n3. Setup [Web Compiler](https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler) extension for working with SCSS from IDE.\n4. Run `gulp build-dev --color` from terminal, to make rxjs bundle. \n\n##### Working\n\nTypeScript and SCSS set up to be compiled on file save. SystemJS loads every file separately, so you only need save your changes, and reload browser window.\n\nTo force recompilation of all files make rebuild of the solution (Alt+B, Alt+R). To force recompilation of SCSS file, `right click -\u003e Web Compiler -\u003e Re-compile file`\n\n### Installing dependencies\n\nIf library should be imported via `import` statement into TypeScript, then:\n\n1. For development: make sure, that TypeScript will find this library with `tsconfig.json`, and make sure, that SystemJS will find it by `buid-tools/systemjs-config.json`. In some cases nothing needed, in some cases you should map library name to its path, as it made for @angular modules.\n2. For production: make sure, that TypeScript will find this library with `tsconfig.ngc.json`, `tsconfig.prod.json` and make sure, that Rollup will find it by `build-tools/rollup-config.js`. In most cases, `rollup-plugin-node-resolve` plugin will make the work without any setup.\n\nIf library should not be imported, and its only needed to add it page, then:\n\n1. For devleopment: add `\u003cscript\u003e` tag into `index.html` in section `\u003c!-- development --\u003e`.\n2. For production: add row to `build.prod.js` to function `commonBundle`; you can specify full path, or use `pathTools.resolvePackagePath` funciton to automaticly resolve library path.\n\n### Known issues\n\n1. Replace es6-shim with core-js, because es6-shim works extremely slow in IE.\n2. Add minification and post-processing of CSS.\n3. Resolve, why `packageConfigPaths` in systemjs-config does not work.\n4. Add server-side rendering support.\n5. Add testing support.\n6. Remove unused dependencies.\n\n### See also\n\nSee branch hash-routing for enabling hash location strategy, instead of HTML5.\nSee branch http2 for testing spdy in development server. By the way, there is no perfomance boost achieved.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpfight%2Fangular-gulp-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpfight%2Fangular-gulp-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpfight%2Fangular-gulp-starter/lists"}