在 vue.config.js 中如何加载webpack的插件

在 `vue.config.js` 中，可以通过 `configureWebpack` 选项来扩展或修改 Webpack 配置。如果需要加载 Webpack 插件，可以在 `configureWebpack` 中使用 `plugins` 属性来添加插件。

例如，如果要加载 `compression-webpack-plugin` 插件来对输出的资源进行 gzip 压缩，可以在 `vue.config.js` 中添加以下代码：

const CompressionWebpackPlugin = require('compression-webpack-plugin')

module.exports = {
  configureWebpack: {
    plugins: [
      new CompressionWebpackPlugin({
        test: /\.(js|css|html|svg)$/,
        threshold: 10240,
        minRatio: 0.8
      })
    ]
  }
}

在上面的代码中，首先引入了 `compression-webpack-plugin` 插件，然后在 `configureWebpack` 中的 `plugins` 属性中添加了一个 `CompressionWebpackPlugin` 实例，并传入了一些配置选项。

需要注意的是，如果需要使用的插件没有被安装，需要先通过 npm 安装。例如，上面的代码中需要先执行以下命令安装 `compression-webpack-plugin`：

npm install compression-webpack-plugin --save-dev