如何将混合配置更改为 vue.config.js

【问题标题】：How to change mix config to vue.config.js如何将混合配置更改为 vue.config.js
【发布时间】：2018-08-24 10:09:01
【问题描述】：

我有一个使用 laravel 和 vue 的 webpack 配置，我正在使用 vue-cli-3 将其转换为 vue spa 应用程序。但我无法理解如何将混合配置更改为 vue.config.js。这是我的 webpack.mix.js 配置。

resolve: {
    modules: [
        'node_modules',
        path.resolve(__dirname, 'resources/assets/js'),
        path.resolve(__dirname, 'resources/assets/svg')
      ]
  }

我想在 vue.config.js 中解决这个问题。我该怎么做？有什么推荐吗？

【问题讨论】：

标签： laravel webpack vuejs2 vue-cli-3

【解决方案1】：

您拥有的代码 sn-p 只是部分 webpack 配置。

vue-cli 还接受使用 vue.config.js 及其 configureWebpack 属性 (docs here) 将任意部分应用于其自己的底层配置：

所以你会做这样的事情：

// vue.config.js
module.exports = {
  configureWebpack: {
    resolve: {
      modules: [
        'node_modules',
        path.resolve(__dirname, 'resources/assets/js'),
        path.resolve(__dirname, 'resources/assets/svg')
      ]
    }
  }
}

【讨论】：