タグ

webpackに関するteracy_junkのブックマーク (2)

  • React+TypeScript+Webpackで環境構築 - よちよち開発の日々

    今回はReact+TypeScript+webpackの環境構築をしていきたいと思います。公式のドキュメントを参考になぞってみました。是非、一読してみてください。 前提としてnodeとnpmはインストール済みで進めていきます。 作業ディレクトリを作成してください。 以下のディレクトリ構成で進めていきます。 proj/ ├─ dist/ └─ src/ └─ components/ ここでは、まだdistフォルダを作成しなくても良いです。 後述しますが、webpackが自動で作ってくれます。 プロジェクトディレクトリ直下でnpm init -yと実行してください。 そうするとpackage.jsonが生成されます。 webpackのインストール まずグローバルにwebpackがインストールされているか確認してください。 まだインストールがされていなければ npm i -g webpackと実

    React+TypeScript+Webpackで環境構築 - よちよち開発の日々
  • step by stepで始めるwebpack - Qiita

    webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも?と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依

    step by stepで始めるwebpack - Qiita
  • 1