ep.95 Front-End Tooling 実践ï¼æœ€æ–°ã®ãƒ„ールãƒã‚§ã‚¤ãƒ³ã§é•·å¤§ãªãƒ“ルド時間ã®æ”¹å–„ã«æŒ‘ã‚€ | UIT INSIDE@potato4d ㌠@spring_raining ã«ã€ LINEå…¬å¼ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã®ç®¡ç†ç”»é¢é–‹ç™ºã§è¡Œã£ã¦ã„ã‚‹ webpack ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã«ã¤ã„ã¦è©±ã‚’èžã„ã¦ã¿ã¾ã—ãŸã€‚ ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®çµŒç·¯ 7月末ã”ã‚ã‹ã‚‰ä¹…々ã«LINEå…¬å¼ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã®ç®¡ç†ç”»é¢é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ 開発環境を久ã—ã¶ã‚Šã«ç«‹ã¡ä¸Šã’ãŸã¨ã“ã‚ã€å°‹å¸¸ã§ã¯ãªã„é‡ã•ã«ãªã£ã¦ã„㟠dev serverã®ç«‹ã¡ä¸Šã’ã«6〜8分ã»ã© ã¡ã‚‡ã†ã©æ€¥ãŽã§ã¯ãªã„タイミングã ã£ãŸã®ã§ã€ãƒ“ルド速度改善を試ã¿ãŸ build/dev serverã®é«˜é€ŸåŒ–ã®ãŸã‚ã«ã‚„ã£ãŸã“㨠esbuild-loaderã®å°Žå…¥ https://github.com/privatenumber/esbuild-loader 体感1分ã»ã©çŸç¸®ã€‚大ããªå·®ã¨ã¯è¨€ãˆãªã‹ã£ãŸ thread-loaderã®å°Žå…¥ https://webpack.js.org/loaders/thread-loader
GitHub - developit/optimize-plugin: Optimized Webpack Bundling for Everyone. Intro ⤵ï¸
webpack-dev-serverã§CORS回é¿ã™ã‚‹ - Qiita
GitHub - pmmmwh/react-refresh-webpack-plugin: A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
俺㮠webpack.config.js-20200503 - mizchi's blog
hiroppy on Twitter: "webpackã®è¨å®šã‚’ライブラリãŒéš 蔽ã—ã¦ãれるã®ã¯ã„ã„ã‘ã©ã€æ¥å‹™ã§ä½¿ã†å ´åˆã€ã ã„ãŸã„è¨å®šã‚’弄りãŸã„ã¨ã„ã†çŠ¶æ…‹ã«ãªã£ã¦ã€ç„¡ç†çŸ¢ç†éš 蔽ã—ã¦ã„るライブラリã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«å¯¾ã—ã¦shiftã—ã¦æ¶ˆã—ã¦è‡ªåˆ†ãŸã¡ã§è¿½åŠ ã™ã‚‹ã¿ãŸã„ãªå‡¦ç†ãŒå¤§é‡ç™ºâ€¦ https://t.co/og1bGP6P96"
GitHub - webpack/analyse: analyse web app for webpack stats
The Best Way to Import SVGs in React
Cacooã®æ¬¡æœŸã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§Webpackã®ãƒ“ルドを6å€æ—©ãã—ãŸè©±-Wepackビルドパフォーマンス改善ガイド | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
webpack@4ã®modeã¨minimize(UglifyJS) - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
Multiple Entries
Common chunks
Multi-page applications
Entry Points | webpack
Using Webpack and React-Ideal-Image for Buttery Smooth Images
GitHub - jmblog/how-to-optimize-momentjs-with-webpack: Explaining how to optimize the large bundle size of moment.js with webpack
ビルドè¨å®šç·¨: UA ã«å¿œã˜ãŸæœ€é©ãª JS ãƒãƒ³ãƒ‰ãƒ«ã®é…信㨠webpack ã¨ã®è·é›¢æ„Ÿï¼ˆæ–°è¦é–‹ç™ºã®ãƒ¡ãƒ¢æ›¸ãシリーズ2）
webpack 4 入門 - Qiita
GitHub - callstack/haul: Haul is a command line tool for developing React Native apps, powered by Webpack
Webpack を使ã£ã¦ã„ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã®ç›¸å¯¾ãƒ‘スを書ãã®ãŒã¤ã‚‰ããªã£ãŸã¨ã - kitak blog
{{#tags}}- {{label}}
{{/tags}}