タグ

ブックマーク / zenn.dev/sa2knight (2)

  • [キャッチアップ] MSW

    概要 MSW を使った API モックを雑に試す Vite で立ち上げた Vue3 アプリケーションを使ってる MSW について MSW (Mock Service Worker) は、 ネットワークレベルで API をモックするための npm パッケージ。 ネットワークレベルというのが特徴で、利用側がモックの存在を意識せずとも、そのままのコードで API レスポンスだけを差し替えることができる。 利用側のコードを書き換える必要がないため、一つのモックで、開発環境、テスト環境、あるいは Storybook のようなサンドボックス環境でもそのまま利用することができる

    [キャッチアップ] MSW
    mimosafa
    mimosafa 2022/03/28
  • webpack-dev-server のオプション全部試した

    記事は webpack-dev-server v3 に関する内容となっており、 v4(またはそれ以降) とは一部オプションが廃止される、設定方法が変わるなどの差異がありますのでご注意ください はじめに webpack-dev-serverは、webpackを用いたプロジェクトにおける開発用サーバで、ブラウザのライブリローディングを提供します。 それによって、ソースコードの編集時に、webpackによる差分ビルドが実行されると、ブラウザがwebpack-dev-server経由で更新差分を受け取り、リアルタイムに変更内容を確認しながら開発ができるようになります。 webpack-dev-serverは内部的にはexpressで実装されており、express用のミドルウェアである webpack-dev-middleware によって実現されています。webpack-dev-serverに渡

    webpack-dev-server のオプション全部試した
  • 1