Vue Cli 3 построить пользовательский каталог для разных типов файлов

Question

Я новичок в использовании Vue для создания веб-приложения. По умолчанию используйте npm run build, это создаст следующую структуру:

Но я надеюсь построить следующим образом:

Тогда, как я могу написать vue.config.js как вывод, как я хочу?

Answer 1

Используя эту проблему GitHub в качестве примера , вы сможете достичь этого, добавив что-то подобное в свою конфигурацию ...

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module.rule('images').use('url-loader')
      .loader('file-loader') // replaces the url-loader
      .tap(options => Object.assign(options, {
        name: 'images/register/[name].[hash:8].[ext]'
      }))
    config.module.rule('svg').use('file-loader')
      .tap(options => Object.assign(options, {
        name: 'images/register/[name].[hash:8].[ext]'
      }))
  },
  css: {
    extract: {
      filename: 'css/register/[name].[hash:8].css',
      chunkFilename: 'css/register/[name].[hash:8].css'
    }
  },
  configureWebpack: {
    output: {
      filename: 'js/register/[name].[hash:8].js',
      chunkFilename: 'js/register/[name].[hash:8].js'
    }
  }
}

См. https://cli.vuejs.org/config/#vue-config-js для получения дополнительной информации и примеров.