typescript環境

TypeScript

https://ics.media/entry/16329

インストール

typescript また、webpackで使用するために ts-loader もインストール

設定ファイル　

ルートにtsconfig.json

{
  "compilerOptions": {
    "sourceMap": true,
    "target": "es5",
    "module": "es2015" // 出力モジュール名
  }
}

webpackへの設定

webpack.config.jsを以下のように設定する

module.exports = {
  // or production
  mode: 'development',

  entry: './src/main.ts',

  module: {
    rules: [
      {
        test: /\.ts$/,
        use: 'ts-loader'
      }
    ]
  },
  // for import
  resolve: {
    extensions: [
      '.ts'
    ]
  }
};

ビルド

npm run build