{"id":25019681,"url":"https://github.com/djeada/webpack-minimal","last_synced_at":"2026-04-09T17:08:38.146Z","repository":{"id":114372365,"uuid":"454111242","full_name":"djeada/Webpack-Minimal","owner":"djeada","description":"A template for creating webapps with webpack.","archived":false,"fork":false,"pushed_at":"2022-11-03T10:33:20.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-05T11:51:52.644Z","etag":null,"topics":["javascript","npm","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/djeada.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":"2022-01-31T17:53:22.000Z","updated_at":"2022-11-05T21:08:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"f8ca2a37-7b52-4cc5-9b06-122c79e87eae","html_url":"https://github.com/djeada/Webpack-Minimal","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djeada%2FWebpack-Minimal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djeada%2FWebpack-Minimal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djeada%2FWebpack-Minimal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djeada%2FWebpack-Minimal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/djeada","download_url":"https://codeload.github.com/djeada/Webpack-Minimal/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246301997,"owners_count":20755514,"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":["javascript","npm","typescript","webpack"],"created_at":"2025-02-05T11:51:24.567Z","updated_at":"2025-12-30T20:29:06.246Z","avatar_url":"https://github.com/djeada.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack Minimal\nA bare-bones webpack setup for creating a single-page application.\nIt is easily extensible and customizable.\n\n![Capture](https://user-images.githubusercontent.com/37275728/186276468-2543c207-f235-43b9-b9d1-f3ad8d393ba6.PNG)\n\n## Requirements\n\nFirst things first, you need to make sure that you have [npm](https://www.npmjs.com/) installed.\n\nThen proceed to install [webpack](https://webpack.js.org/):\n    \n    npm install --save-dev webpack webpack-cli\n    npm install --save-dev webpack-dev-server -D\n    \nLastly, verify that you have the TypeScript compiler installed by running:\n\n    npm install --save-dev typescript ts-loader\n\n## Installation\n\nTo install all dependencies, open the terminal in the project directory and run the following command:\n\n    npm install\n\n## Usage\n\nTo start the application, use:\n\n    npm start\n\nThen you can check the app in your browser by navigating to:\n\n    http://localhost:3000\n\nIf everything is working well, you should see the message:\n\n    \"Everything works fine!\"\n\nOtherwise you will see:\n\n    \"The script hasn't been loaded yet!!!\"\n\n## What about package.json?\n\nNpm uses these files to manage your application.\nThey are used to specify general information about the project as well as the dependencies needed to run it.\nThe script that is executed when you type *npm start* is added to the scripts property.\nDo yourself a favor and run the following commands to update the dependencies: \n\n    npm i -g npm-check-updates\n    ncu -u\n    npm install\n\n## What's the big deal about Webpack? \n\nWebpack is a \"module bundler\". It takes all your js and css files and writes them to one file. Why would it be helpful though? Well that way you don't need to include mustiple *\u003cscript\u003e* tags in your html files. \n    \nOne instresting thing in webpack.config.js file is *devServer*.\n    \nUnder the hood, Webpack dev server is a mini Node.js Express server. That server listens to when files were changed, and reloads the html files.\n\n## What about the TypeScript itself?\n\nTypeScript is configured using tsconfig.json where you can specify to which version of JavaScript should it be transpiled.\n\n## Contributing\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nPlease make sure to update tests as appropriate.\n\n## License\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdjeada%2Fwebpack-minimal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdjeada%2Fwebpack-minimal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdjeada%2Fwebpack-minimal/lists"}