vue-web-extension icon indicating copy to clipboard operation
vue-web-extension copied to clipboard

Extension not reloading (webpack-extension-reloader)

Open leoplct opened this issue 3 years ago • 0 comments

My app is succesully compiling in dev mode but chrome extension is not reloading automatically. I have read the documentation here: https://vue-web-extension.netlify.app/intro/development-workflow.html#watching-mode-and-hot-module-reload Should I add something?

% npm run serve

> [email protected] serve
> vue-cli-service build --mode development --watch
⠙  Building for development...[ Starting the Hot Extension Reload Server... ]
⠋  Building for development...
 DONE  Compiled successfully in 1126ms                                                                                                                                                              15:01:36

  File                         Size                                                                                 Gzipped

  dist/js/page.js       624.92 KiB                                                                           122.10 KiB
  dist/js/results.js    164.01 KiB                                                                           29.27 KiB
  dist/js/chunk-vendors.js     117.80 KiB                                                                           19.71 KiB
  dist/js/popup.js             48.90 KiB                                                                            10.62 KiB
  dist/js/options.js           7.71 KiB                                                                             2.11 KiB
  dist/background.js           0.05 KiB                                                                             0.06 KiB

  Images and other types of assets omitted.

 DONE  Build complete. Watching for changes...

vue.config.js

module.exports = {
  filenameHashing: false,
  pages: {
    popup: {
      template: 'public/browser-extension.html',
      entry: './src/popup/main.js',
      title: 'Popup'
    },
    options: {
      template: 'public/browser-extension.html',
      entry: './src/options/main.js',
      title: 'Options'
    }
  },
  pluginOptions: {
    browserExtension: {
      components: {
        background: true,
        contentScripts: true
      },

      componentOptions: {
        contentScripts: {
          entries: {
            "detail-page": 'src/content-scripts/page.js',
            "search-results": 'src/content-scripts/results.js',
          },
        },
      },

      manifestTransformer: (manifest) => {
        delete manifest.content_security_policy
        return manifest;
      }

    }
  },
  configureWebpack: {
    devtool: false,
  }
}

leoplct avatar Mar 25 '21 14:03 leoplct