Как фон и всплывающее окно могут соединяться при использовании веб-пакета

Question

Я использую webpack для разработки расширения chrome, webpack.config.js может выглядеть так:

  entry: {
    background: ['babel-polyfill', './src/background'],
    content: ['babel-polyfill', './src/content'],
    popup: ['babel-polyfill', './src/popup'],
  },

  output: {
    filename: '[name].js',
    path: path.resolve('./dist/'),
    publicPath: '/',
  },

Файлы сборки webpack в каталог - dist, и я установил их в mainifest.jsonдля хрома использовать.Однако я обнаружил, что из-за сборки веб-пакетов, dist / background и dist / popup.js не могут подключиться как раньше:

// popup.js
var bg = chrome.extension.getBackgroundPage();
bg.test()

Я хочу передать некоторые переменные из popup.js в background.js, что я могуделать в такой ситуации?

Answer 1

Я просто использовал API хранилища Chrome для решения этой проблемы.И фон, и всплывающее окно находятся в одном хранилище.Что касается общих функций, поместите их в тот же файл javascript и импортируйте его в фоновом режиме, и всплывающее окно с помощью веб-пакета будет в порядке.