Vue.js - 使用 WebPack 配置自定义别名

Question

我正在尝试创建自定义别名，但收到错误：

Invalid options in vue.config.js: "resolve" is not allowed

这就是我所做的：

Answer 1

vue.config.js对于webpack的vue配置，您需要用或 来包装您的内容，例如：resolveconfigureWebpackchainWebpack

// vue.config.js
const path = require('path');
module.exports = {
  configureWebpack: {
    resolve: {...you config...}
  }
}

configureWebpack也可以是一个函数，来自文档：

如果您需要基于环境的条件行为，或者想要直接改变配置，请使用函数（在设置环境变量后将延迟计算）。该函数接收已解析的配置作为参数。在函数内部，您可以直接改变配置，或者返回一个将被合并的对象：