`browser` vs `module` fields in `package.json` · Issue #4674 · webpack/webpackYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ビルド設定編: UA に応じた最適な JS バンドルの配信と webpack との距離感（新規開発のメモ書きシリーズ2）
たくさんある道具をどのように組み合わせるか 今回はコード設計編のつもりでしたが、ビルド周りを先にまとめることにしました。主にパフォーマンス上の都合ですが、心がけたポイントは次の点です。 画一的なバンドルではなく、適切なバンドルを選択的に配信できるようにする 適当な粒度で Code Splitting できるようにする ひとつのツールに何でもかんでもやらせない（ webpack、お前のことだよ！） ビルドのパイプラインを短く、シンプルに済ませる（できることを全てやろうとしない） タスクランナーは前回述べた通り make を利用しています。同僚が使っているのを見てパクりましたが Self-Documented Makefile の手法が、タスク名忘れに優しくてよかったです。 npm run したら npm scripts が一覧で出てくるのと似たようなやつです。 このシリーズの他の記事はこちら
Webpack | Articles | web.dev
Modern web applications often use a bundling tool to create a production "bundle" of files (scripts, stylesheets, etc.) that is optimized, minified and can be downloaded in less time by your users. In Web Performance Optimization with webpack, we will walk through how to effectively optimize site resources using webpack. This can help users load and interact with your sites more quickly. webpack i
2018年は、reduxとeslintとflowとwebpackを捨ててみようと思う - Qiita
2017年版と2018年版でwebアプリケーション作成時のreactの（マイ）ベストプラクティクスを以下のリポジトリに、まとめてみたので記事にしてみました。 react-best-practices https://github.com/wheatandcat/react-best-practices/tree/master ちなみにタイトルは、その過程で2018年版に削除したpackageです（理由は後述） github サンプルコードの内容は、ログイン/ログアウト + fetchした内容を画面に表示するだけです （ただのサンプルなので、実装はハリボテです） 2017年版 https://github.com/wheatandcat/react-best-practices/tree/master/2017years 2018年版 https://github.com/wheatandc
ImageFluxを利用した画像配信の最適化〜動的リサイズとWebP変換〜 | メルカリエンジニアリング
SREチームの@cubicdaiyaです。今回はメルカリにおける画像配信とImageFluxを利用した画像の動的なリサイズとWebP変換の導入によってアプリのデータ通信量を大幅に削減した事例について紹介します。 ImageFluxはクラウド画像変換サービスです。URLに画像変換用のパラメータを組み込むことで画像データの拡大・縮小やオーバレイ、フォーマット変換等が実現できます。 メルカリにおける画像データ メルカリのアプリ上で発生するデータ通信の大部分はタイムラインや検索結果に表示される画像データが占めています。種類はいろいろありますが例えば、 商品画像 プロフィール画像 バナー画像 といったものが挙げられます。特に商品画像はデータ量がとにかく多く、毎日百万個単位で増加するほか、タイムラインや検索結果をはじめ、多くの機能で活用されています。 ImageFluxを利用した画像変換でデータの通信
will hang on "95% emit(ting)" if `output.path` contains reserved characters · Issue #2908 · webpack/webpack
From those coming from Google It seems that hanging on "95%" is a symptom from many different issues. If there is an uncaught problem at a certain point in your build, webpack will just get stuck here. It doesn't mean it is because of reserved characters for you (although it might be). The comments in this thread may help you debug your own issue. Godspeed! I'm submitting a feature request Webpack
Release v4.0.0-beta.0 · webpack/webpack
Big changes Environment Node.js 4 is no longer supported. Source Code was upgraded to a higher ecmascript version. Usage You have to choose (mode or --mode) between two modes now: production or development production enables all kind of optimizations to generate optimized bundles development enables comments and hint for development and enables the eval devtool WIP: addition hints in development m
Refactor chunk graph by sokra · Pull Request #6341 · webpack/webpack
What kind of change does this PR introduce? big refactoring Did you add tests for your changes? yes If relevant, link to documentation update: TODO Summary Chunks are now always in ChunkGroups ChunkGroups have parents and children, Chunks no longer have this AsyncDependenciesBlocks point to a ChunkGroup instead of a list of chunks Entrypoint is now a ChunkGroup (extends from it) move stuff graph m
Keep webpack Fast: A Field Guide for Better Build Performance
webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception. But it doesn’t have to be that way, and so — after many hours of research, trial, and error — what follows is a field guide offering up what we lear
Version update from 2.9.5 to 2.11.0 broke the build for IE11 · Issue #1278 · webpack/webpack-dev-server
Sorry for the lazy report, but I'm a tad busy to figure out what possibly causes this or provide an example project. If someone could confirm this is broken for IE11 in general, thanks. We tried update our webpack-dev-server from 2.9.5 to 2.11 and in IE11 it causes the following: Operating System: Windows 10 Node Version: 6.9.1 NPM Version: 3.10.8 webpack Version: 3.10.0 webpack-dev-server Version
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpack-stylish/README.md at master · webpack-contrib/webpack-stylish
GitHub - webpack-contrib/webpack-stylish: A stylish, optionated reporter for webpack
css-loader parse fail on @font-face · Issue #38 · webpack-contrib/css-loader
GitHub - webpack/tapable: Just a little module for plugins.
GitHub - FullHuman/purgecss: Remove unused CSS
historyApiFallback option doesn't work · Issue #491 · webpack/webpack-dev-server
GitHub - TheLarkInn/bundler-performance-benchmark: This is a super tiny example of a transparent comparison between parcel and webpack and anyone else who wants to be involved.
move source generation into separate module by sokra · Pull Request #6369 · webpack/webpack
Can I use middleware with webpack-dev-server? · Issue #285 · webpack/webpack-dev-server
React+webpackのビルドを高速化
