{"id":37488817,"url":"https://github.com/aeinbu/webpack-application-template","last_synced_at":"2026-01-16T07:34:50.917Z","repository":{"id":15347871,"uuid":"77949714","full_name":"aeinbu/webpack-application-template","owner":"aeinbu","description":"Framework neutral template for building web apps with Webpack and Babel","archived":false,"fork":false,"pushed_at":"2022-12-29T18:23:50.000Z","size":2684,"stargazers_count":2,"open_issues_count":28,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T13:12:54.004Z","etag":null,"topics":["angular","babel","react","template","typescript","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/aeinbu.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}},"created_at":"2017-01-03T20:15:38.000Z","updated_at":"2021-12-20T02:10:37.000Z","dependencies_parsed_at":"2023-01-13T18:22:57.426Z","dependency_job_id":null,"html_url":"https://github.com/aeinbu/webpack-application-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/aeinbu/webpack-application-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeinbu%2Fwebpack-application-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeinbu%2Fwebpack-application-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeinbu%2Fwebpack-application-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeinbu%2Fwebpack-application-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aeinbu","download_url":"https://codeload.github.com/aeinbu/webpack-application-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeinbu%2Fwebpack-application-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28478047,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-16T06:30:42.265Z","status":"ssl_error","status_checked_at":"2026-01-16T06:30:16.248Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["angular","babel","react","template","typescript","webpack"],"created_at":"2026-01-16T07:34:50.312Z","updated_at":"2026-01-16T07:34:50.910Z","avatar_url":"https://github.com/aeinbu.png","language":"JavaScript","readme":"# Framework neutral template for building apps with Webpack and Babel\nThis template is meant to be a good starting point for anyone who wants to start building modern web apps.\n\n## Features\n- Builds clientside web applications with webpack and babel.\n- Includes a cachebreaker hash to the output files.\n- Treeshaking with webpack.\n- Splits libraries from application code to improve build times.\n- Automatic splitting of webpacked files to improve load times at runtime.\n- Supports css and scss.\n- Also builds seperate css, fonts and other files.\n  (Either from seperate entry points for css, or from `require` statements in JavaScript code.)\n- A webserver with hot reload when developing your app.\n\n## Goals\n- No need install any global npm packages!\n- This template will act as a starting point for creating web apps.\n- The project template should include a development web server.\n- The template should contain as few devDependencies as possible,\n  so that it will be easy to evolve the build configuration as different packages are updated or made obsolete.\n\n## How to use this template project\n1. Copy the files and structure of this project.\n   (If you use `git clone` you would probably want to remove the `.git` directory before initializing your new repo.)\n2. Modify `package.json` to reflect the correct names.\n3. Run `npm update` to load dependencies.\n4. Create your app in the `src` folder.\n5. Run `npm start` to start the dev-server. Navigate to (localhost:8080)[http://localhost:8080]\n6. Build by running `npm run build`.\n   (`npx webpack` also works, but doesn't clean out the `dist` directory first.)\n\n### ...or\n1. Create a folder: `src`.\n2. Copy five files: `webpack.*.config.js` (=5 files), and `.gitignore` and `package.json`.\n3. Modify `package.json`, and run `npm install` to pull inn all dependencies.\n\n## Adding loaders or plugins\n- Compilation plugins should primarily be added to `babelrc` file.\n- Loaders and plugins that are common to all build configuration should be added to `webpack.common.config.js`\n- `webpack.development.config.js`  and `webpack.production.config.js` contain additional configuration that is specific for the different builds.\n- `webpack.serve.config` extends the development configuration, adding configuration relevant to `webpack-dev-server`.\n\n### Adding support for Typescript\nRun on the commandline:\n```bash\nnpm install -D typescript awesome-typescript-loader source-map-loader\n```\n\nAdd the following object to `rules` in webpack.common.config:\n\n```javascript\n{\n    test: /\\.ts$/,\n    use: \"awesome-typescript-loader\"\n}\n```\n\n- Optionally, change the entry point (in webpack.common.config) to \"index.ts\"\n- Optionally, add `.ts` extention to the `resolve` element so that typescript files can be required without the `.ts` extension:\n\n```javascript\nresolve: {\n    extensions: ['.js', '.ts']\n}\n```\n\n### Adding support for React JSX\nRun on the commandline:\n\n```bash\nnpm install -D @babel/preset-react\nnpm install -S react react-dom\n```\n\nAdd `\"react\"` to the presets array in the `.babelrc` file. If you haven't modified  `.babelrc` yet, it will look like this:\n\n```javascript\n{\n    \"presets\": [\n        [\"@babel/preset-env\", {\"modules\": false}],\n        [\"@babel/preset-react\"]\n    ],\n    \"plugins\": [\n    ]\n}\n```\n\n- Optionally, change the entry point (in webpack.common.config) to \"index.jsx\"\n- Optionally, add `.jsx` extention to the `resolve` element so that jsx files can be required without the `.jsx` extension:\n\n```javascript\nresolve: {\n    extensions: ['.js', '.jsx']\n}\n```\n\n### Adding support for Angular 1.x\nAdding the `ng-annotate-loader` saves you from doubly declaring your angular dependency injections.\n\nRun on the commandline:\n\n```bash\nnpm install -D babel-plugin-angularjs-annotate\nnpm install -S angular\n```\n\nAdd `\"angularjs-annotate\"` to the plugins array in the `.babelrc` file. If you haven't modified  `.babelrc` yet, it will look like this:\n\n```javascript\n{\n    \"presets\": [\n        [\"@babel/preset-env\", {\"modules\": false}],\n    ],\n    \"plugins\": [\n        [\"angularjs-annotate\"]\n    ]\n}\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeinbu%2Fwebpack-application-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faeinbu%2Fwebpack-application-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeinbu%2Fwebpack-application-template/lists"}