目次
- 1. 機能
- 1.1. [初めてのIntro.js]アプリ起動時のチュートリアルを実装する
- 1.2. 自分用
- 1.3. Math.floorとMath.randomの組み合わせで簡易抽選アプリを作ってみる
- 1.4. タイプスクリプトでドメインオブジェクトやってみた
- 1.5. Outsystemsで非同期処理を実装する方法(Promiseを使う方法)
- 1.6. なぜカスタムフックを作るのか
- 1.7. SPA(React)にGoogleAnalyticsを導入する際のパターン
- 1.8. Vue.js + ES6: Vue公式サイトの「例」にチュートリアルを書いた
- 1.9. 宣言的UIって何なん？ 〜日本昔ばなし「やめ太郎」〜
- 1.10. 【jQuery】ボタンを押したらdivタグの表示・削除を実行するtoggle
- 1.11. [連載]スーパーマリオ的なゲームをjavascriptで作ってみる 初級編 〜4章〜 落ちちゃダメ！！
- 1.12. なぜフロントエンドフレームワークを使うのか
- 1.13. JavaScriptの ~. 構文って知ってる？ Promise Pipeliningが拓く非同期処理の未来
レガシーな構成のWebアプリをWebpackで結合＆難読化
# TL;DR
HTML上でJavaScriptの読込の順序が正しくないと動かないような構成が使われたレガシーなWebアプリをElectronで固める際、WebPackで結合(minimize)した上で難読化をかけるような形に修正する場合のサンプルです。
+ webpack-cli@3.3.10
+ webpack@4.41.4
+ webpack-obfuscator@0.18.8## 元の構成
レガシーなWebアプリの例として、最初に読み込むスクリプトで宣言したファンクションを後続のJavaScriptで読み込んでいる(順番が正しくないとundefinedエラーになる)ようなケースを想定しています。
“`html:index.html