Как изменить микс-конфиг на vue.config.js

Question

У меня есть конфигурация webpack с использованием laravel с vue, я преобразую его в приложение vue spa, используя vue-cli-3. Но я не могу понять, как я могу изменить микс-конфиг на 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

Фрагмент кода, который у вас есть, является лишь частичной конфигурацией веб-пакета.

vue-cli также принимает применение произвольного частичного к своей базовой конфигурации, используя vue.config.js И его configureWebpack свойство ( документы здесь):

Так что вы бы сделали что-то вроде этого:

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