Use link tag to include css to avoid window size jump issue

xcv58 · xcv58 · commit 21ebbdf1792b · 2017-10-20T20:52:11.000-07:00
diff --git a/src/js/popup.js b/src/js/popup.js
@@ -1,6 +1,3 @@
-import '../css/pure/pure-min.css'
-import '../css/animate.css'
-import '../css/style.css'
 import $ from 'jquery'
 import React from 'react'
 import { render } from 'react-dom'
diff --git a/src/manifest.json b/src/manifest.json
@@ -18,7 +18,8 @@
     "matches": [ "\u003Call_urls>" ]
   } ],
   "web_accessible_resources": [
-      "base.js"
+    "css/*.css",
+    "base.js"
   ],
   "browser_action": {
     "default_icon": "img/icon.png",
diff --git a/src/popup.html b/src/popup.html
@@ -1,8 +1,11 @@
 <!doctype html>
 <html>
-	<head>
-		<title>Custom JavaScript</title>
-	</head>
+  <head>
+    <title>Custom JavaScript</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/animate.css">
+    <link rel="stylesheet" href="css/pure/pure-min.css">
+  </head>
 	<body>
 		<div class="customjs" id="customjs">
             <form action="" method="post" accept-charset="utf-8" id="popup-form" class="pure-form">
diff --git a/webpack.config.js b/webpack.config.js
@@ -92,6 +92,7 @@ const options = {
       'process.env.NODE_ENV': JSON.stringify(env.NODE_ENV)
     }),
     new CopyWebpackPlugin([
+      { from: 'src/css', to: 'css' },
       { from: 'src/img', to: 'img' }
     ]),
     ...HtmlFiles,
