Webpack 4 圧縮時にJavaScriptのコメントを全て削除する
投稿者: kem / 右記内 JavaScript, Web Performance / 投稿日:2019-04-20 ( 5 年, 1 ヶ月 ago) / 更新日:2019-04-20 ( 5 年, 1 ヶ月 ago) / コメント PageSpeed Insights の結果を眺めていたところ、JavaScript の圧縮をしているにも関わらず、JavaScript のサイズ削減に関する警告が出力されていました。 Build 後の JavaScript を 改めて確認すると、以下のようなライセンスコメントでそれなりのサイズになっていることがわかりました。 /** * @license * Copyright 2017 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining
コード分割 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 lazy <Suspense> バンドル 多くの React アプリケーションは、Webpack、Rollup や Browserify などのツールを使ってファイルを「バンドル」しています。バンドルはインポートされたファイルをたどって、それらを 1 つのファイルにまとめるプロセスです。このバンドルされたファイルを Web ページ内に置くことによって、アプリ全体を一度に読み込むことができます。 例 App:
MiniCssExtractPlugin
Disclaimer: MiniCssExtractPlugin is a third-party package maintained by community members, it potentially does not have the same support, security policy or license as webpack, and it is not maintained by webpack. This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS. It supports On-Demand-Loading of CSS and SourceMaps. It builds on top of a new webpack
Redux用のnpmモジュールを作る - Qiita
これはNextremer Advent Calendar 2016の第12日目の記事です。 はじめに Reduxに限らず、よく使う処理やプラグイン的に追加したい処理なんかを別途npmモジュールとして作りたいというケースは多いと思います。 Reactの場合だと、パラメータや子コンポーネントを受け取るようなコンポーネントを作ってnpmモジュールとして提供すればいいのですが、Reduxの場合はコンポーネント以外にもActionやReducerなどが絡んでくるため、それらを（必要なら）全て提供する必要があります。 今回はそれらを提供する手順をざっとまとめてみます。 ※今回の開発環境 Node.js 6.2.2 npm 3.10.5 作ってみる 早速作っていきましょう。 下準備 適当な作業ディレクトリを作って、そこで作業します。 npm initを実行し、適宜情報を入力しましょう。 今回は、以下の構
Reactコンポーネントをnpmで公開する（GitHub Pages付き、Babel7、webpack4） | Takumon Blog
なにこれ TIS Advent Calendar 2018の13日目の記事です。よろしくお願いします！ 最近Reactコンポーネントをnpm公開してみました（参考記事：CSSのclip-pathでSlit Animationを実現する）。そこで今回は簡単なReactコンポーネントを作って、npm公開する方法を紹介します。 「React始めたんだけど...npmアカウント作ったんだけど...」という方でも30分くらいで公開できるので、とりあえず手を動かしたい人向けのチュートリアルです。 下記のような手順でnpm公開するまでの方法を見ていきましょう。 コンポーネントを作成する デモページを作成する デモページをGitHub Pagesで公開する コンポーネントをnpmに公開する ※ 完成品はGitHubに公開しています => Takumon/react-component-sample ※ 完
webpack.config.jsがわからない - Qiita
webpack.config.jsがいつまでたってもわからない Javascript開発には欠かせないwebpackですが、webpack.config.jsファイルの書き方がいつまで経っても検索&コピペばかりで身に付きません。別にコピペでいいじゃんという考え方もありますが、webpackのドキュメントに沿って設定内容を理解し、自分の環境に合わせた形でwebpack.config.jsが書けるようにまとめていきたいと思います。バージョンは3.8.1の想定です。ディレクトリ構成も考えながらやっていきたいと思います。今のところprojectディレクトリ以下に次のようにファイルが存在しているとします。
今時のフロントエンド開発2017 (1. 愚痴編) - Qiita
良いものを書きたいので指摘などは大歓迎です。 その際はコメントや編集リクエストをいただければ修正します。 大きな変更が加わるときは通知すると思います。 はじめに これまでのフロントエンドの開発には多くの問題や面倒ごとを抱えています。 その解決手段としてよくビルドツールやaltJSといったワードを目にしますが，これらがどういった目的で利用されているのかについて触れながら進めていきます。 主にパッケージ管理やビルドツールを初めて見る人向けになっているので全編通すとそれなりに長いです。 動かすまでが長めになっていますが理解してしまえば本当に必要な手順はさほど多くありません。 実際に開発を始めるために必要な準備はせいぜい1~2つのファイルを記述してコマンドを数回叩く程度なので，過度な抵抗感を持たずに読んでいただけたらなと思います。 登場するツールや技術は多くの問題を解決してくれますが，これらは飽く
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
