{"id":21686677,"url":"https://github.com/seanny123/webpack-typescript-helloworld","last_synced_at":"2025-03-20T12:18:12.393Z","repository":{"id":68668226,"uuid":"88388839","full_name":"Seanny123/webpack-typescript-helloworld","owner":"Seanny123","description":"Get something showing up with Webpack, TypeScript","archived":false,"fork":false,"pushed_at":"2017-04-16T06:11:32.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-15T08:38:02.063Z","etag":null,"topics":["devops","hello-world","tutorial"],"latest_commit_sha":null,"homepage":null,"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/Seanny123.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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-04-16T03:34:49.000Z","updated_at":"2017-04-16T05:02:46.000Z","dependencies_parsed_at":"2023-05-29T02:00:24.532Z","dependency_job_id":null,"html_url":"https://github.com/Seanny123/webpack-typescript-helloworld","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/Seanny123%2Fwebpack-typescript-helloworld","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seanny123%2Fwebpack-typescript-helloworld/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seanny123%2Fwebpack-typescript-helloworld/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seanny123%2Fwebpack-typescript-helloworld/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Seanny123","download_url":"https://codeload.github.com/Seanny123/webpack-typescript-helloworld/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244609459,"owners_count":20480782,"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":["devops","hello-world","tutorial"],"created_at":"2024-11-25T16:31:54.584Z","updated_at":"2025-03-20T12:18:12.374Z","avatar_url":"https://github.com/Seanny123.png","language":"JavaScript","readme":"# Getting started with client-side TypeScript\n\nIf you know JavaScript, but you want to start with TypeScript in a sane development environment, there are quite a few challenges in your way. This repository/tutorial gives you the basics to start using:\n\n- `yarn` to manage your packages\n- `npm run` to do different tasks\n- `webpack` to build and serve your development\n- `ts-loader` to automatically reload the files you edit\n- `typings` to get type information for JavaScript packages (in this case `D3.js`)\n\n# Not covered in this tutorial/repository\n\n- How to deploy an application\n- How to run unit tests\n\n# Installation proceedure\n\n1. `yarn` \n\n# Running a development web-server\n\n1. `npm run debug`\n\n# What are all these files?\n\n- `package.json` contains information for `npm`\n- `tsconfig.json` configures the TypeScript compiler `tsc`\n- `webpack.config.js` configures WebPack somehow? (Work In Progress)\n- `webpack.debug.js` configures WebPack somehow? (Work In Progress)\n- `typings.json` file that will contain information to JavaScript modules\n\nBecause you can't comment JSON files, I've reproduced the JSON files here with comments.\n\n## `package.json`\n\n\n    {\n        // a bunch of personal information that you can omit\n        \"name\": \"hello\",\n        \"version\": \"0.0.1\",\n        \"description\": \"Hello TypeScript!\",\n        \"author\": \"Your Name\",\n        \"license\": \"Free for non-commercial use\",\n        \"main\": \"dist/hello.js\",\n        \"repository\": {\n            \"type\": \"git\",\n            \"url\": \"http://example.com\"\n        },\n        \"bugs\": {\n            \"url\": \"http://example.com/issues\"\n        },\n        \"private\": true,\n        // these are the things that are triggered by `npm run`\n        \"scripts\": {\n            \"build\": \"webpack --debug --devtool source-map --output-pathinfo\",\n            \"debug\": \"webpack-dev-server --config webpack.debug.js --inline\",\n            \"release\": \"webpack --optimize-minimize --optimize-occurence-order\",\n            \"test\": \"webpack --config webpack.test.js\",\n            // install the type information for JavaScript module dependencies\n            \"postinstall\": \"typings install\"\n        },\n        // dependencies of this app, including the pure JavaScript ones\n        \"dependencies\": {\n            \"@types/d3\": \"^4.0.0\",\n            \"d3\": \"^4.0.0\",\n            \"html-webpack-plugin\": \"^2.28.0\",\n            \"ts-loader\": \"^2.0.3\",\n            \"tslint\": \"^4.5.1\",\n            \"tslint-eslint-rules\": \"^3.4.0\",\n            \"tslint-microsoft-contrib\": \"^4.0.0\",\n            \"typescript\": \"^2.3\",\n            \"typings\": \"^2.1.0\",\n            \"webpack\": \"^2.2.1\",\n            \"webpack-dev-server\": \"^2.4.2\"\n        }\n    }\n\n## `tsconfig.json`\n\n    {\n        // arguments to pass `tsc`\n        \"compilerOptions\": {\n            \"target\": \"es6\",\n            \"sourceMap\": true,\n            \"watch\": true\n        },\n        // don't bother trying to compile the libraries\n        \"exclude\": [\n            \"node_modules\"\n        ]\n    }\n\n# Why did you choose these tools?\n\nThey seemed to be the easiest tools to get started with, while also giving you a foundation for further exploration, if desired.","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanny123%2Fwebpack-typescript-helloworld","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseanny123%2Fwebpack-typescript-helloworld","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanny123%2Fwebpack-typescript-helloworld/lists"}