[B! webpack] grasso0210のブックマーク

webpackのmodeは重要！難読化からMinifyまでする優れモノ - このすみノート

webpack4から、modeというオプションが追加されました。 https://webpack.js.org/concepts/mode/ このmodeオプションですが、多くの解説サイトにおいて、以下のように指定してくださいと解説されています。開発：development 本番：production 何気なく指定されている方も多いかと思いますが、かなり重要なオプションです。JSの難読化からデータ容量の削減まで、各種最適化を行ってくれるオプションだからです。 modeの指定について webpack4ではmodeが必須である webpack4では、modeオプションを指定しないと、以下の警告が発生します。 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'produc

grasso0210 2023/07/10

webpack

リンク

npm-scripts を書く時の手癖 - mizdra's blog

かれこれ 5 年くらい趣味開発で npm-scripts を書き続けている。長年書き続けているとノウハウが蓄積されてきて、「こう書くとスッキリする」「迷いがなくなる」「後から拡張したくなった時に、簡単に拡張できる」みたいな書き方が身についてきた。自分の型、あるいは手癖のようなものだと思う。せっかくなので、id:mizdra の今の npm-scripts を書く時の手癖を書き連ねてみる。基本形 { "scripts": { "build": "webpack --mode production", "dev": "webpack-dev-server --mode development", "lint": "eslint .", "test": "jest" } } 一番シンプルな npm-scripts を書く時のパターン。以下の 4 つの script を登録している。 buil