nuxt.config.js

export default {
  mode: 'spa',
  /*
  ** Headers of the page
  */
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { name: 'msapplication-TileColor', content: '#2b5797' },
      { name: 'theme-color', content: '#ffffff' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
      { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
      { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
      { rel: "manifest", href: "/site.webmanifest" },
      { rel: "mask-icon", href: "/safari-pinned-tab.svg", color: "#5bbad5" },
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  srcDir: 'src/',
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#fff' },
  /*
  ** Global CSS
  */
  css: [
    '~/assets/css/PAYWPro.css'
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: ['~plugins/vue-infinite-scroll'],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    ['@nuxtjs/google-analytics', {
      id: 'UA-153553135-1'
    }]
  ],

  /*
  ** Nuxt.js modules
  */
  modules: [
  ],
  /*
  ** Build configuration
  */
  build: {
    filenames: {
      app: ({ isDev }) => isDev ? '[name].[hash].js' : '[chunkhash].js',
      chunk: ({ isDev }) => isDev ? '[name].[hash].js' : '[chunkhash].js'
    },
    extend(config) {
      // const svgRule = config.module.rules.find(rule =>
      //   rule.test.test('.svg')
      // );
    
      // svgRule.test = /\.(png|jpe?g|gif|webp)$/;
    
      // config.module.rules.push({
      //   test: /\.(png|jpe?g|gif|svg|webp)$/,
      //   oneOf:[
      //     {
      //     loader: 'file-loader',
      //     query: {
      //         name: '[name].[hash:8].[ext]'
      //       }
      //     },
      //     {
      //       loader: 'url-loader',
      //       query: {
      //         name: '[name].[hash:7].[ext]'
      //       }
      //     }
      //   ]
      // })
    }
  }
}