Option for using browser native dynamic import() · Issue #7644 · webpack/webpack
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
Reduce JavaScript payloads with tree shaking | Articles | web.dev
Reduce JavaScript payloads with tree shaking Stay organized with collections Save and categorize content based on your preferences. Today's web applications can get pretty big, especially the JavaScript part of them. As of mid-2018, HTTP Archive puts the median transfer size of JavaScript on mobile devices at approximately 350 KB. And this is just transfer size! JavaScript is often compressed when
2018 年の tree shaking - 株式会社カブク
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能（2018/06/15 修正）なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
TypeScript + Webpack: Super Pursuit Mode
If you’re like me then you’ll like TypeScript and you’ll like module bundling with webpack. You may also like speedy builds. That’s completely understandable. The fact of the matter is, you sacrifice a bit of build speed to have webpack in the mix. Wouldn’t it be great if we could even up the difference? I’m the primary maintainer of ts-loader, a TypeScript loader for webpack. Just recently a coup
Webpack Tips - Totally Tooling Tips
Learn how to keep your Webpack JavaScript bundles as small as possible in this new episode with Matt and Addy. They cover code-snippets for ensuring you're minifying and splitting up your bundles efficiently. Webpack for Real Tasks: Decreasing Front-End Size and Improving Caching: https://goo.gl/uhXaNa Getting the Most out of CommonsChunkPlugin: https://goo.gl/DfrVi7 Vendor and Code Splitting i
Webpack 2 Tree Shaking Configuration
Tree Shaking, a modern dead code elimination algorithm for ECMAScript 2015+ is one of the most anticipated features in the upcoming Webpack 2. By eliminating unused ES6 exports, Webpack can further help the minification process to get your bundle much smaller than ever before. Tree shaking, ultimately, bundles only the modules you import into your scripts. Any exports that were not imported will n
Webpackバンドルを占めるサイズがでかい奴を探す方法 - Qiita
はじめに Webpackでビルドしてできあがったバンドルが、気付いたらサイズが超でかいよ！！ なんて時の犯人探しに役立つかもしれないTips。 webpack --display-modules で分析 webpackコマンドの実行時に--display-modulesオプションを付けると、インクルードしたnode_modulesやbower_components配下のモジュールについても詳細情報がわらわらと出力されるようになる。ここにサイズも出力されている。 $ webpack --display-modules Hash: 20265560bd210ea64e82 Version: webpack 1.12.12 Time: 7110ms Asset Size Chunks Chunk Names bundle.js 2.76 MB 0 [emitted] main [0] multi
Webpack 2 Tree Shaking Configuration
Tree Shaking, a modern dead code elimination algorithm for ECMAScript 2015+ is one of the most anticipated features in Webpack 2. By eliminating unused ES6 exports, Webpack can further help the minification process to get your bundle much smaller than ever before. Update 11/14/2016: Webpack 2 sample application code has been updated to match the most recent updates in Webpack (v2.2), React (v15.4)
シングルページアプリの初速を上げる取組み - ワザノバ | wazanova
https://www.youtube.com/watch?v=VkTCL6Nqm6Y 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 OSCON 2014におけるInstagramのWebチーム責任者であるPete Huntの講演。PeteはInstagramに異動する前は、FacebookのPhoto/Video/Product Infraチームに在籍。 今回は、InstagramのwebサイトInstagram.comにおいて、シングルページアプリの課題である最初の読込みスピードを上げるために、どのような工夫をしたかについて紹介してくれてます。 Instagram.comのJavaScriptファイルは、縮小化後で9.5MB & gzip圧縮後で2.5MB。そのサイズだと、一つのファイルにまとめ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - GoogleChromeLabs/comlink-loader: Webpack loader to offload modules to Worker threads seamlessly using Comlink.
How to use Polymer with Webpack
What's new in webpack 2
Module Bundling with Webpack: Getting Started Guide | Codementor
webpack's offline-plugin + sw-toolbox
Angular Docs
GitHub - deonclem/angular-webpack-typescript: Starter pack for a basic app using AngularJs, webpack and typescript
GitHub - petehunt/webpack-howto
Typescript support · Issue #61 · webpack/webpack