TypeScript + Webpack で作るChrome拡張機能

こんにちは、スーパーソフトウェア東京オフィス技術部の金子です。
Typescript と Webpack を利用して Chrome 拡張機能を開発する方法を共有します。

 

本記事の対象者

• TypeScript で Chrome 拡張機能を作りたい方。

• 拡張機能のファイルを難読化したい方。
  
  

最低限必要な知識

Chrome 拡張機能を開発するためには最低限、manifest.json、Content Script、ServiceWorker の機能の理解が必要だと思います。
本記事では以下の機能に絞って解説をしていきます。