Использование плагина веб-пакета с Vue Client 3

Question

Я хочу использовать плагин веб-пакета в Vue, используя vue-cli, но я не хочу устанавливать веб-пакет, потому что Vue обрабатывает это ...

Используя этот пример, япопробуйте использовать плагин Environment из веб-пакета.

module.exports = {
  configureWebpack: {
    plugins: [
      new EnvironmentPlugin([
        'HEROKU_RELEASE_VERSION']),
    ],
  },
};

Но поскольку мы используем vue-cli, я получаю:

EnvironmentPlugin не определен

Когда я включаю требование веб-пакета

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.EnvironmentPlugin([
        'HEROKU_RELEASE_VERSION']),
    ],
  },
};

Я получаю:

Веб-пакет должен быть указан в зависимостях проекта.запустите npm install ....

Answer 1

Сначала вам нужно установить веб-пакет как зависимость.

npm i --save-dev webpack

После этого добавьте следующее к вашему vue.config.js.

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.EnvironmentPlugin([
        'HEROKU_RELEASE_VERSION',
      ]),
    ]
  }
}