TypeScript और transpilation

TypeScript integration

Webpack नatively TypeScript को समझता नहीं है। ts-loader या babel-loader use करें। ts-loader build के दौरान type checking provide करता है। fork-ts-checker-webpack-plugin parallel में type checking चलाता है।

TypeScript को configure करें

ts-loader को parallel type checking के साथ set up करें।

const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');

module.exports = {
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
        options: { transpileOnly: true }
      }
    ]
  },
  plugins: [new ForkTsCheckerPlugin()]
};

Output:

TypeScript compiled with parallel type checking

Speed के लिए transpileOnly

transpileOnly: true को set करके ts-loader में type checking को skip करें, fork-ts-checker को अलग से चलने दें। यह rebuilds को significantly तेज करता है।

त्वरित जाँच

त्वरित जाँच: fork-ts-checker-webpack-plugin क्या करता है?

• Faster builds के लिए parallel में type checking चलाता है।
• Bundle से TypeScript को remove करता है।
• TypeScript में decorators को enable करता है।