Kocal · Kocal · Nov 20, 2017 · Nov 16, 2017 · Nov 16, 2017 · Nov 16, 2017
diff --git a/README.md b/README.md
@@ -30,14 +30,18 @@ $ npm run build
 
 Build the extension into `dist` folder for **production**.
 
-### `npm run build:env` 
+### `npm run build:dev` 
 
 Build the extension into `dist` folder for **development**.
 
 ### `npm run watch`
 
 Watch for modifications then run `npm run build`.
 
+### `npm run watch:dev`
+
+Watch for modifications then run `npm run build:web`.
+
 ### `npm run build-zip`
 
 Build a zip file following this format `<name>-v<version>.zip`, by reading `name` and `version` from `manifest.json` file.

diff --git a/template/package.json b/template/package.json
@@ -5,9 +5,10 @@
   "author": "{{ author }}",
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress --hide-modules",
-    "build:env": "cross-env NODE_ENV=development webpack --config webpack.config.js --progress --hide-modules",
+    "build:dev": "cross-env NODE_ENV=development webpack --config webpack.config.js --progress --hide-modules",
     "build-zip": "node scripts/build-zip.js",
-    "watch": "npm run build -- --watch"
+    "watch": "npm run build -- --watch",
+    "watch:dev": "npm run build:dev -- --watch"
   },
   "dependencies": {
     {{#axios}}"axios": "^0.16.2",{{/axios}}

diff --git a/template/src/popup/popup.html b/template/src/popup/popup.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>Title</title>
+  <link rel="stylesheet" href="popup.css">
 </head>
 <body>
   <div id="app">

diff --git a/template/src/popup/router/routes.js b/template/src/popup/router/routes.js
@@ -1,6 +1,8 @@
+import PageIndex from './pages/Index.vue';
+
 export default [
   {
     path: '/',
-    component: require('./pages/Index.vue')
+    component: PageIndex
   },
 ];