[config] for webpack and typescript

config-for-webpack-with-typescript.md

How config webpack for using typescript

Steps

• install webpack npm install --save-dev webpack webpack-cli ts-loader
• install typescript npm install --save-dev typescript

File Structur

• src/
  • index.ts
• public/
  • index.html
• webpack.config.js

webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/index.ts',
  module: {
    rules: [{
      test: /\.ts$/,
      use: 'ts-loader',
      include: [path.resolve(__dirname, 'src')]
    }]
  },
  resolve: {
    extensions: ['.ts', '.js'],
  },
  output: {
    publicPath: 'public',
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'public' || 'dist' || 'build'),
  },
};