Как изменить правило с помощью Vue-cli?

Question

Из vue-inspect Я могу прочитать это:

  /* config.module.rule('fonts') */
  {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
    use: [
      /* config.module.rule('fonts').use('url-loader') */
      {
        loader: 'url-loader',
        options: {
          limit: 4096,
          fallback: {
            loader: 'file-loader',
            options: {
              name: 'fonts/[name].[ext]'
            }
          }
        }
      }
    ]
  },

Я хотел бы изменить вариант name в '[name].[ext]' убрать префикс fonts/,

Я действительно изо всех сил пытаюсь увидеть, как я могу изменить свойство, не удаляя все остальные параметры:

  chainWebpack: config => {
    const fontRule = config.module.rule('fonts').use('url-loader')
    fontRule.options({name: 'prout/[name].[ext]'})
  }

Кажется, все в store, но в соответствии с руководством по цепочке,

Answer 1

Глядя на документы Vue-Cli, мне кажется, вы можете сделать следующее..

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('fonts')
      .use('url-loader')
        .loader('url-loader')
        .tap(options => {
          // modify the options...
          options.fallback.options.name = '[name].[ext]'

          return options
        })
  }
}