C#
TypeScript
webpack
React
ASP.NET_Core

ASP.NET Core (2.0) + TypeScript + ReactでWebアプリ

はじめに

ほとんど以下のURLのまま。ありがとうございます。
http://blog.okazuki.jp/entry/2016/09/03/145059

ただし、本記事投稿時点でそのままではできない部分があったので、そこだけ備忘録。

備忘録

webpackの設定

本記事投稿時、webpackのバージョンが4以降になっていたため、設定プロパティが変更されていたため、自動作成されたwebpack.config.jsを以下のようにする。
moduleについてはここを参照。

module.exports = {
    // webpack 4 から追加が必要になった。モードはdevelopment、production、noneが存在する。
    mode: "development",
    // エントリーポイントの設定。
    entry: "./scripts/app.tsx",
    // 出力の設定。
    output: {
        // ★注意 「../」にしておかないとプロジェクトの直下に勝手に「dist」フォルダが作成されて、その中にwwwroot/scripts/bundle.jsが作成されていた。
        filename: "../wwwroot/scripts/bundle.js"
    },
    // webpackで変換・バンドルする前に、loaderと呼ばれるモジュールに処理をさせる場合に設定する。
    module: {
        rules: [
            {
                // loaderの対象拡張子
                test: /\.tsx?$/,
                // 使用するloader。事前にnpm installしておく必要がある。
                use: "ts-loader"
            }
        ]
    }
};

「npm install -s」は「npm install --save」に置き換えて読む。

「-s」のままだと、webpackのコンパイル時にエラーが出る。
npmコマンド覚え書きを参照。