在 Vue Client 3 中使用 webpack 插件

Question

我想使用 vue-cli 在 Vue 中使用 webpack 插件，但我不想安装 webpack，因为 Vue 处理这个......

使用这个例子，我尝试使用webpack 中的Environment插件。

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

但是因为我们使用 vue-cli，我得到：

未定义环境插件

当我包含 webpack 要求时

const webpack = require('webpack')

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

我得到：

Webpack 应该列在项目的依赖项中。运行 npm install ....

Answer 1

楼上的回答很好。我这里还有一个，带有建筑条件控制。

const webpack = require('webpack');
module.exports = {
 configureWebpack: (config) => {
   if(process.env.VUE_APP_BUILD !== 'development'){
     // do something...
   }
   config.plugins = [
     ...config.plugins, // this is important !
     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/) // new plugins...
   ]
 }

};