configureWebpack的output用法

`configureWebpack` 是 Vue CLI 提供的一种高级配置方式，它允许在项目中修改 Webpack 配置。其中，`output` 是一个选项对象，用于指定 Webpack 构建输出的配置。

`output` 选项常用的配置项有：

- `path`：指定构建输出文件的目录路径。
- `filename`：指定构建输出文件的文件名。
- `publicPath`：指定构建生成的静态资源的公共 URL 前缀，可用于 CDN 地址等场景。

例如，以下是一个简单的 `configureWebpack` 配置示例，指定构建输出文件的目录路径为 `dist` 目录，文件名为 `bundle.js`：

module.exports = {
  configureWebpack: {
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'bundle.js'
    }
  }
};

在上述示例中，我们使用了 Node.js 的 `path` 模块来获取绝对路径，确保输出文件的目录路径是正确的。同时，我们也可以使用 `publicPath` 指定构建生成的静态资源的公共 URL 前缀，例如：

module.exports = {
  configureWebpack: {
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'bundle.js',
      publicPath: '/'
    }
  }
};

上述代码表示将构建生成的静态资源的公共 URL 前缀设置为 `/`，这在某些场景下是非常有用的，例如使用 Vue Router 进行路由跳转时。