放一张vue cli文档上面的描述 👆

但是configureWebpack中用函数形式去修改resolve，会不生效，如下所示：

在网上找的解决方案不能解决，还是报错👇

configureWebpack: (config) => {
    Object.assign(config, {
      // 开发生产共同配置
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './src'),
          '@c': path.resolve(__dirname, './src/components'),
          '@p': path.resolve(__dirname, './src/pages')
        } // 别名配置
      }
    })
  },

可以这样解决：

第一种：

configureWebpack: (config) => {
    config.name = name
    config.resolve = {
      ...config.resolve,
      alias: {
        '@': resolve('src')
      }
    }
  },

第二种：（其实就是第三种）

configureWebpack: (config) => {
    return {
      name: isProd ? '哈哈哈' : '嘻嘻嘻', // 三元  别的属性设置诸如此类
      resolve: {
        alias: {
          '@': resolve('src')
        }
      }
    }
  },

第三种：

configureWebpack: {
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },