Enable webpack hot reload

Based on samuelsimoes/chrome-extension-webpack-boilerplate, I enable webpack hot reload. content script is excluded in hot reloaded entry. See: - https://github.com/samuelsimoes/chrome-extension-webpack-boilerplate - samuelsimoes/chrome-extension-webpack-boilerplate#4 (comment)
taehwanno · Feb 7, 2019 · 8b53cb4 · 8b53cb4
1 parent 6e5c53c
commit 8b53cb4
Show file tree

Hide file tree

Showing 16 changed files with 1,798 additions and 47 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -18,7 +18,7 @@ jobs:
             - ./node_modules
       - run:
           name: Build
-          command: npm run build:prod
+          command: npm run build
       - run:
           name: Test
           command: npm run test:coverage

diff --git a/.gitignore b/.gitignore
@@ -151,5 +151,5 @@ $RECYCLE.BIN/
 # End of https://www.gitignore.io/api/node,macos,windows,visualstudiocode
 
 # Custom
-dist/js
+dist/
 tmp/
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,7 +2,7 @@
   "typescript.tsdk": "./node_modules/typescript/lib",
   "json.schemas": [
     {
-      "fileMatch": ["dist/manifest.json"],
+      "fileMatch": ["public/manifest.json"],
       "url": "http://json.schemastore.org/chrome-manifest"
     }
   ],

diff --git a/dist/manifest.json b/dist/manifest.json
@@ -13,11 +13,11 @@
     {
       "matches": ["https://www.instagram.com/"],
       "run_at": "document_idle",
-      "js": ["js/content-script.js"]
+      "js": ["content-script.js"]
     }
   ],
   "background": {
-    "scripts": ["js/background.js"],
+    "scripts": ["background.js"],
     "persistent": false
   },
   "permissions": ["tabs", "webNavigation"]

diff --git a/dist/options.html b/dist/options.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Instagram Shortcut Extension Options</title>
+    <meta charset="UTF-8" />
+    <title>options.html</title>
   </head>
   <body>
-    <p>Instagram Shortcut Extension Options</p>
-    <script src="js/options.js"></script>
+    <p>options.html</p>
   </body>
 </html>
diff --git a/dist/popup.html b/dist/popup.html
@@ -1,11 +1,10 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
   <head>
     <meta charset="UTF-8" />
-    <title>Instagram Shortcut Extension</title>
+    <title>popup.html</title>
   </head>
   <body>
-    <p>Instagram Shortcut Extension</p>
-    <script src="js/popup.js"></script>
-  </body>
+    <p>popup.html</p>
+  <script type="text/javascript" src="popup.js"></script></body>
 </html>