ã“ãªã„ã 社内ã®å‹‰å¼·ä¼šã§webpackã®ã“ã¨ã¨ã‹è©±ã—ãŸã®ã§ã¾ã¨ã‚㟠- getalogwebpackã¨ã¯ ã„ã‚ã‚“ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’transpileã—ã¦ES5ã®JavaScriptã«å¤‰æ›ã—ã¦ãれるや㤠AMDã‹CommonJSã®å½¢å¼ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰(CommonJSãªã‚‰require)ã™ã‚‹ã¨ã€transpileã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰ã—ã¦ãれる クライアントå´ã®jsコードã§ã‚‚requireを使用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ assetã¨ã—ã¦ãƒ“ルドã—ã¦é…布ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ コードãŒå…±ç”¨ã®å ´åˆã€è¨å®šã‚’変ãˆã‚‹ã“ã¨ã§ç´ ã®requireを利用ã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ç”¨ã‚³ãƒ¼ãƒ‰ã¨ã€webpackãŒpolyfillã—ãŸrequireを利用ã™ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚³ãƒ¼ãƒ‰ã¨ã‚’別々ã«ç”Ÿæˆã§ãã‚‹ å…¨ã¦ãŒJavaScriptã«ãªã‚‹ã€ç”»åƒã‚„CSSã‚‚ ç”»åƒã¯ã€ŒBase64ã‹FilePathã€ã« CSSã¯ã€Œheadã«styleを挿入ã™ã‚‹jsコードã€ã« 特定ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã©ã®ã‚ˆã†ã«transpileã™ã‚‹ã‹ã¯pathマッãƒãƒ³ã‚°ã§ãƒ—ラグイン形å¼ã§è¨å®šã™ã‚‹
WebPackを使ã£ã¦JavaScriptを効率的ã«æ›¸ããƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€å…¥é–€ç·¨ã€‘ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}