webpack-project | 基于webpack前端多页面工程，模块化组件化开发，兼容IE8 | Build Tool library

So it turned out I had to change tsconfig option include to specify the directory which typescript will analyse.

According to documentation on include option the default value is:

[] if files is specified, otherwise ["**/*"]

So the default behavior is to analyse all repository including node_modules.

To sum up just edit include attribute to include only the src folder:

Add path as dev dependency and use it:

Webpack's job is to bundle all of your project's code into a bundle.js. But webpack is ignorant, it does not know anyting, you need to tell every step to webpack, so webpack will behave according to your instructions.

the code in your main.js is javascript but webpack does not know anything about javascript. so you need loader to load into webpack to teach javascript.

in your webpack.config.js add this.

you'd be updating code in your mysite/backend folder to have some incoming route to insert data into django db using some serializer

sorry I don't have more specific details, but just wanted to convey the general idea

Here's some more information on Django serializers: http://www.django-rest-framework.org/api-guide/serializers/

another tutorial on adding an additional route to django could help

webpac-dev-server uses webpack-dev-middleware and accordingly to its docs:

No files are written to disk, rather it handles files in memory

Files are served from memory, not from disk. That is why.