How to add pdf loader to vue-cli's project

vue.config.js

module.exports = {
  chainWebpack: config => {
    config.module.rule('pdf')
      .test(/\.(pdf)(\?.*)?$/)
      .use('file-loader')
        .loader('file-loader')
        .options({
          name: 'assets/pdf/[name].[hash:8].[ext]'
        })

  }
}

What should I do in case if I have babel.config.js?

I'm not sure what you want to achieve. This is related to add a pdf loader in a project using vue-cli. As the project itself does not have a webpack config file you have to change in the vue.config.js file. Is not required to do anything on babel.config.js

Dude, you saved my life!

I added the code you wrote but it isn't working
Here's what my config file looks like

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: config => {
    config.module.rule('pdf')
      .test(/\.(pdf)(\?.*)?$/)
      .use('file-loader')
        .loader('file-loader')
        .options({
          name: 'assets/pdf/[name].[hash:8].[ext]'
        })

  }
})

Thanks