title: Using a webpack plugin with Vue Client 3
body: <p>I want to use a webpack plugin in Vue using vue-cli but I don't want to install webpack, because Vue handles this...</p>
  
  <p>Using <a href="https://cli.vuejs.org/guide/webpack.html#simple-configuration" rel="nofollow noreferrer">this</a> example, I try to use the <a href="https://webpack.js.org/plugins/environment-plugin/" rel="nofollow noreferrer">Environment</a> plugin from webpack.</p>
  
  <pre><code>module.exports = {
    configureWebpack: {
      plugins: [
        new EnvironmentPlugin([
          'HEROKU_RELEASE_VERSION']),
      ],
    },
  };
  </code></pre>
  
  <p>But because we use vue-cli, I get : </p>
  
  <blockquote>
    <p>EnvironmentPlugin is not defined</p>
  </blockquote>
  
  <p>When I include the webpack requirement</p>
  
  <pre><code>const webpack = require('webpack')
  
  module.exports = {
    configureWebpack: {
      plugins: [
        new webpack.EnvironmentPlugin([
          'HEROKU_RELEASE_VERSION']),
      ],
    },
  };
  </code></pre>
  
  <p>I get : </p>
  
  <blockquote>
    <p>Webpack should be listed in the project's dependencies. run npm install ....</p>
  </blockquote>