import * as 構文ã¨ãƒ‘フォーマンス最é©åŒ– - QiitaJavaScriptã«ã¯ã€import * as ã¨ã„ã†æ§‹æ–‡ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€ã‚¤ãƒ³ãƒãƒ¼ãƒˆå…ˆã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¸èº«å…¨éƒ¨ã‚’オブジェクト（モジュールåå‰ç©ºé–“オブジェクト）ã¨ã—ã¦å–å¾—ã§ãる構文ã§ã™ã€‚ import * as mod from "./some-module"; console.log(mod.foo, mod.bar); ãŸã¾ã«ã€ã€Œã“ã®æ§‹æ–‡ã‚’使ã†ã¨Tree ShakingãŒåŠ¹ã‹ãªããªã‚‹ã€ã¨ã„ã£ãŸèª¬æ˜ŽãŒè¦‹ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€å¿…ãšã—ã‚‚ãã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã“ã®è¨˜äº‹ã§ã¯import * as構文ã¨ãƒ‘フォーマンス最é©åŒ–ã«é–¢é€£ã™ã‚‹æ£ã—ã„知è˜ã¨ã€ãã®èƒŒæ™¯ã‚’ã”紹介ã—ã¾ã™ã€‚ webpackã§æ¤œè¨¼ã—ã¦ã¿ã‚ˆã† Tree shakingã‚’è¡Œã†ã®ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰ãƒ©ã§ã‚ã‚‹ã“ã¨ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãã“ã§ã€webpackを使ã£ã¦è‰²ã€…ã¨æ§‹æ–‡ã‚’検証ã—ã¦ã¿ã¾ã—ょã†ã€‚今回ã¯æ¬¡ã®ã‚ˆã†ãªè¨å®šã‚’用ã„ã¾ã™ã€‚ã“ã‚Œã¯æœ€é©åŒ–ã‚’
ã„ã¡ã°ã‚“ã‚„ã•ã—ã„ webpack 入門
ã‚„ã£ã±ã‚ŠwebpackãŒã‚ã‹ã‚‰ãªã„（エピソード1）
webpack@5ã®ä¸»ãªå¤‰æ›´ç‚¹ã¾ã¨ã‚ - hiroppy's site
俺㮠webpack.config.js-20200503 - mizchi's blog
Webpack ã®è€ƒãˆæ–¹ã«ã¤ã„㦠- mizchi's blog
webpack module bundler
{{#tags}}- {{label}}
{{/tags}}