Tistory Index: https://computationaldesign.tistory.com/40
This code is for the those who want to learn or develop CAD systems, Visualization, or Drawing tools based on HTML Canvas.
ActiveCommandController, Canvas, MouseInteraction, Renderer, Geometry, Scene, UI
WebGL2, React, TensorflowJS, Typescript Starter
HTML Canvas, TensorflowJS Starter
HTML Canvas, TensorflowJS, React Starter
Typescirpt, HTML Canvas Starter for Mapping(JSAPI) Visualization
This is by far no sophisticated starter or whatever. The goal is to get the simplest possible setup to get you started with Webpack 4 and TypeScript. You can then start from here and add further stuff you need, such as SASS compilation, add framework specific stuff etc.
Also check out the official Webpack 4 docs for a proper TypeScript setup: https://webpack.js.org/guides/typescript/
Note, this is still a WIP. Contributions/suggestions are welcome ๐
- Webpack 4
- TypeScript 2 compilation
- ts-lint
- Webpack Development Server
- Karma and Jasmine test execution
Just clone it and get going.
# --depth 1 removes all but one .git commit history
$ git clone --depth=1 https://github.com/juristr/webpack-typescript-starter.git <your-project-name>
# change directory to your project
cd <your-project-name>
# Maybe remove the `.git` directory and start with a fresh one.
# install all dependencies.
$ npm i
# Start developing and serve your app:
npm start
# Build your app without minification:
npm run build
# Build your app with minification:
npm run build.all
# run unit tests:
npm run test
Of course! Open an issue and let's discuss ๐.
Similar projects that could be a point of inspiration: