webpackを使ã£ã¦Node.jsã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹Node.jsã§é–‹ç™ºã‚’è¡Œã†æ™‚ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–を使ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’ç†è§£ã—ã‚„ã™ãã—ãŸã„ã§ã™ãŒã€å¤–部ã«æä¾›ã¨ãªã‚‹ã¨ã€ç°¡å˜ã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’変更ã§ããªã„状態ã«ã—ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã€‚ ã“ã“ã§ã¯ã€webpackを使ã£ã¦Node.jsã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚る方法を紹介ã—ã¾ã™ã€‚ã²ã¨ã¤ã«ã¾ã¨ã‚ãŸãƒ•ã‚¡ã‚¤ãƒ«ã¯æ”¹è¡ŒãŒå‰Šé™¤ã•ã‚ŒãŸã‚Šã€å¤‰æ•°ã®ç½®ãæ›ãˆãªã©ãŒã‚ã‚Šã€ç†è§£ã—ã«ãã„ã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ webpackã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npm install webpack webpack.config コンフィグファイル(webpack.config.js)を作æˆã—ã€æ¬¡ã®ã‚ˆã†ã«è¨˜è¼‰ã—ã¾ã™ã€‚ const path = require('path'); const nodeExternals = require('webpack-node-externals'); module.exports = { mode: "production
webpack-node-externals
人気ã®JavaScriptãƒãƒ³ãƒ‰ãƒ«ãƒ„ール「webpackã€ã®é–‹ç™ºã¯ãªãœçµ‚ã‚ã‚Šã€å¾Œç¶™ã¨ã—ã¦ã€ŒTurbopackã€ã®é–‹ç™ºãŒå§‹ã¾ã£ãŸã®ã‹ã€‚開発者ãŒãã®ç†ç”±ã‚’語る
Vercelã€Webpack後継を目指ã™ã€Rustベースã®ã€ŒTurbopackã€ã‚’リリース | gihyo.jp
Bundle a NestJS + TypeORM application (with webpack)
IEãŒçµ‚了ã—ãŸã®ã§ã€webpackã‚„babelã¯ä¸è¦ï¼Ÿ - Qiita
ã„ã¡ã°ã‚“ã‚„ã•ã—ã„ webpack 入門
ã€LINE証券 Frontend】requestIdleCallbackを活用ã—ã¦åˆæœŸãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’ç´„14%削減ã—ãŸè©±
webpackã®bundle後ã®JavaScriptã®ã‚µã‚¤ã‚ºã‚’減らã—ã¦ã„る話 | リクルートテクノãƒã‚¸ãƒ¼ã‚ºã€€ãƒ¡ãƒ³ãƒãƒ¼ã‚ºãƒ–ãƒã‚°
ãªãœåˆå¿ƒè€…㯠webpackãŒè§£ã‚‰ãªã„ã®ã‹ï¼Ÿ- Why can’t you understand the webpack? -
{{#tags}}- {{label}}
{{/tags}}