Question

我有一个使用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中解决此问题。我该怎么做？有什么建议吗？

Answer 1

您拥有的代码段只是部分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')
      ]
    }
  }
}

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

1 个答案: