Merge pull request #26 from sanyu1225/feature

fix: issue-24 Service workers have to be in root directory #24

Author: sanyu1225

generator/generate/manifest.js

@@ -23,27 +23,27 @@ const generateManifest = (options, manifestPath) => {
   }
   const mf3_content = {
     'background': {
-      'service_worker': '/js/background.js'
+      'service_worker': '/background.js'
     },
     'action': {
       'default_popup': 'popup.html'
     },
     'content_scripts': [{
       'matches': ['<all_urls>'],
-      'js': ['/js/content.js']
+      'js': ['/content.js']
     }],
     'options_page': 'options.html',
     'devtools_page': 'devtools.html'
   }
   const mf2_content = {
     'background': {
-      'scripts': ['/js/background.js'],
+      'scripts': ['/background.js'],
       'persistent': false
     },
     'browser_action': { default_popup: 'popup.html' },
     'content_scripts': [{
       'matches': ['<all_urls>'],
-      'js': ['/js/content.js']
+      'js': ['/content.js']
     }],
     'options_page': 'options.html',
     'devtools_page': 'devtools.html'
@@ -56,13 +56,6 @@ const generateManifest = (options, manifestPath) => {
     components.forEach(element => {
       prodJSON[mf3_Key[element]] = mf3_content[mf3_Key[element]]
       devJSON[mf3_Key[element]] = mf3_content[mf3_Key[element]]
-      if (element === 'content') {
-        prodJSON['content_scripts'] = [{
-          'matches': ['<all_urls>'],
-          'js': ['/js/content.js'],
-          'css': ['/js/content.css']
-        }]
-      }
     })
   } else {
     components.forEach(element => {

generator/template/vue.config.js

@@ -43,9 +43,12 @@ module.exports = {
   },
   configureWebpack: {
     output: {
-      filename: `js/[name].js`,
+      filename: `[name].js`,
       chunkFilename: `[name].js`
     },
     devtool: isDevMode ? 'inline-source-map' : false
+  },
+  css: {
+    extract: false // Make sure the css is the same
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-plugin-chrome-extension-cli",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Use Vue CLI generate chrome extension template | generate chrome extension with vue.js",
   "author": "sanyu1225 <pan831225@gmail.com>",
   "scripts": {},