[B! webpack] yahihiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yahihi id:yahihi

webpackã«é–¢ã™ã‚‹yahihiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Vercelã€Webpackå¾Œç¶™ã‚’ç›®æŒ‡ã™ã€Rustãƒ™ãƒ¼ã‚¹ã®ã€ŒTurbopackã€ã‚’ãƒªãƒªãƒ¼ã‚¹ | gihyo.jp
Vercelã€Webpackå¾Œç¶™ã‚’ç›®æŒ‡ã™ã€Rustãƒ™ãƒ¼ã‚¹ã®ã€ŒTurbopackã€ã‚’ãƒªãƒªãƒ¼ã‚¹ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Next.jsã®é–‹ç™ºãªã©ã§çŸ¥ã‚‰ã‚Œã‚‹ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ä¼æ¥Vercelã¯2022å¹´10æœˆ25æ—¥ã€Rustãƒ™ãƒ¼ã‚¹ã§é«˜é€Ÿã«å‹•ä½œã™ã‚‹æ–°ãŸãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰ãƒ©ã€ŒTurbopackã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€‚ã“ã‚Œã¯Next.jsã§ã®ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã€JavaScriptãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰ãƒ©Webpackã‚’ç½®ãæ›ãˆã‚‹ã‚‚ã®ã€‚ Webpackã®700å€ã®é€Ÿã•ã‚’å®Ÿç¾ åŒç¤¾ã«ã‚ˆã‚‹ã¨ã€å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯Turbopackã¯Webpackã®700å€é«˜é€Ÿã«æ›´æ–°ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨ã®ã“ã¨ã€‚ã“ã‚Œã¯åŒç¤¾ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«Turborepoãªã©ã§åŸ¹ã‚ã‚ŒãŸå„ç¨®ã‚ãƒ£ãƒƒã‚·ãƒ¥æœ€é©åŒ–ã®æŠ€è¡“ã‚’ç”¨ã„ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã€‚ Turbopackã‚’Next.js 13é–‹ç™ºã‚µãƒ¼ãƒãƒ¼ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€è¶…é«˜é€Ÿãªãƒ›ãƒƒãƒˆãƒªãƒãƒ¼ãƒ‰ï¼ˆHM
yahihi 2022/10/27
æ—©ã„ã¯æ£ç¾©

webpack

javascript
ãƒªãƒ³ã‚¯
ä¿ºã® webpack.config.js-20200503 - mizchi's blog
åŸºæœ¬æ€æƒ³ ã¨ã«ã‹ãè–„ãã€‚å¿…è¦ãªã‚‚ã®ã ã‘ã€‚åŸºæœ¬ã¯ ts-loader ã‚’ transpileOnly: true ã§ä½¿ã†ã ã‘ã€‚æœ€æ‚ªã“ã‚Œã ã‘ã§ã„ã„ã€‚åž‹ãƒã‚§ãƒƒã‚¯ã¯IDEã‹ yarn tsc -p . --noEm it ã§ã‚„ã‚‹ã€‚ CRA ã‚„ parcel ã¯ä½¿ã‚ãªã„ã€‚æš—é»™ãªæŒ¯ã‚‹èˆžã„ãŒå¤šã™ãŽã‚‹ã®ã§ã€‚ä¸€åˆ‡å‹‰å¼·ã—ãŸããªã„äººã¯ã„ã‚Œã¦ã„ã„ã¨æ€ã†ãŒã€ãã®å ´åˆ eject ã—ãªã„ã€dist ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ãã®ã¾ã¾ä½¿ã†ã“ã¨å‰æã€‚ style-loader/css-loader ã¯å¤–éƒ¨CSSã‚’èªã‚€ã¨ãã«è¨å®šã™ã‚‹ worker-plugin ã¯ãªãã¦ã‚‚ã„ã„ã‘ã©ã€ worker ã‚‚ãƒ“ãƒ«ãƒ‰ã—ãŸã„ã“ã¨ãŒå¤šã„ã®ã§ã€å…¥ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ html-webpack-plugin ã¨ webpack-dev-server çµ„ã¿åˆã‚ã›ã‚‹ã¨ã€ä»–ã¨çµ„ã¿åˆã‚ã›ãšã«å®Œçµã—ã¦å‹•ãã€‚ã“ã®HTMLã‚’æœ¬ç•ªã§ä½¿ã‚ãšã¨ã‚‚ã€ãƒ‡ãƒãƒƒã‚°ã§ä½¿ã£ã¦ã‚‹ã“ã¨ãŒå¤šã„ã®
yahihi 2020/05/03
webpack
ãƒªãƒ³ã‚¯
webpack 4: Code Splitting, chunk graph and the splitChunks optimization
webpack 4 made some major improvements to the chunk graph and added a new optimization for chunk splitting (which is a kind of improvement over the CommonsChunkPlugin). Letâ€™s take a look at some of the drawbacks of the old chunk graph. In the old graph chunks were connected to other chunks via parent-child-relationship and chunks contain modules. When a chunk has parents it can be assumed that at
yahihi 2018/07/18
webpack
ãƒªãƒ³ã‚¯
PWAã®å®Ÿè£…ã‚’ã—ã¦ã¿ãŸ - æŠ€è¡“æŽ¢ã—
ä¸€å¹´ä»¥ä¸Šå‰ã®è¨˜äº‹ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ãŒå¤ã„ã§ã™ã€‚æ°—ã‚’ã¤ã‘ã¦èªã‚“ã§ãã ã•ã„ã€‚ PWAã¨ã¯ï¼Ÿ ç›®çš„ æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ Service Worker PWAã®view App Shell Content ã‚ãƒ£ãƒƒã‚·ãƒ¥æˆ¦ç•¥ èªã¿è¾¼ã¿ãƒ•ãƒãƒ¼ Web App Manifest ãƒ‡ã‚¶ã‚¤ãƒ³ Firefoxã¨Chromeã—ã‹Service Workerãªã„ã‘ã©ã©ã†ã™ã‚‹ã®ï¼Ÿ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ å®Ÿè£… ãƒ©ã‚¤ãƒ–ãƒ©ãƒª webpack-offline æ§‹æˆ ãƒ•ã‚¡ã‚¤ãƒ« ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚° ã‚¢ã‚»ãƒƒãƒˆã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« APIå‘¨ã‚Š SSR è³‡æ–™ ã•ã„ã”ã« ãã†ã„ãˆã°PWAã®å®Ÿè£…ã—ãŸã“ã¨ãŒãªã‹ã£ãŸãªã¨æ€ã£ãŸã®ã§å°‘ã—è§¦ã£ã¦ã¿ãŸã€‚ PWAã¨ã¯ï¼Ÿ PWA(Progressive Web Apps) ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒä¸è¦ã§ã€ä¸å®‰å®šãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚‚ç´ æ—©ãèµ·å‹•ã—ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ ã¾ãŸã€ãƒ›ãƒ¼ãƒ ç”»é¢ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚‚è¡¨ç¤ºã§ãã€ã‚¢ãƒ—ãƒªã¨åŒæ§˜ã®æ‰±ã„ã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½
yahihi 2018/07/17
pwa

webpack
ãƒªãƒ³ã‚¯
Workbox Broadcast Cache Update Â |Â Workbox Â |Â Google Developers
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
yahihi 2018/06/06
pwa

javascript

Service Worker

webpack
ãƒªãƒ³ã‚¯
1