configureWebpack.resolve

在 Vue 项目的 `vue.config.js` 文件中，你可以使用 `configureWebpack` 选项来配置 webpack 的解析规则。这个选项允许你对已经配置好的 webpack 进行更深入的修改和扩展。其中，`resolve` 属性用于配置模块的解析规则。

以下是一个示例代码，展示了如何使用 `configureWebpack.resolve` 来配置 webpack 的解析规则：

module.exports = {
  configureWebpack: {
    resolve: {
      extensions: ['.js', '.vue', '.json'], // 配置可以省略的扩展名
      alias: {
        '@': path.resolve(__dirname, 'src'), // 配置别名，方便引用模块
        'vue$': 'vue/dist/vue.esm.js', // 配置 vue 别名，使用完整版的 Vue
      },
    },
  },
};

在这个示例中，我们通过 `extensions` 属性配置了可以省略的文件扩展名，这样在引入模块时就不需要写全文件扩展名了。而 `alias` 属性则配置了别名，例如 `@` 表示项目根目录下的 `src` 文件夹，这样在引入模块时就可以使用 `@` 来代替绝对路径。另外，`vue$` 则配置了 Vue 的别名，指向完整版的 Vue。

通过这种方式，你可以根据你的项目需求来配置 webpack 的解析规则，以便更方便地引入和使用模块。