title: how to make a compressed js files with all pages in nuxt js
body: <p>I am running a nuxt js application built with adonuxt. The app works just fine. But I see all pages are loading one by one and make the site a bit slow for the initial load. The site's interactivity doesn't work until all js chunk is not loaded. </p>
  
  <p>So how can I make a one js file with all the pages. 
  Also I don't want to load the admin pages in the website. How can I separate this. </p>
  
  <p>My nuxt config is like this.. </p>
  
  <pre><code>    'use strict'
  
      const resolve = require('path').resolve
  
  
      module.exports = {
      /*
      ** Headers of the page
      */
      env: {
          baseUrl: 'https://savingfamilybazar.com/'
      },
  
      build: {
          vendor:[ 'vue-product-zoomer'] 
      },
      modules: [
          '@nuxtjs/axios',
  
      ],
      axios: {
  
      },
      plugins: [
          '~plugins/vuetify',
          '~plugins/element',
          {src: '~plugins/zoom', ssr: false}
      ],
  
      head: {
          title: 'my site',
          meta: [
          {
              charset: 'utf-8'
          },
          {
              name: 'viewport',
              content: 'width=device-width, initial-scale=1.0'
          },
          {
              hid: 'description',
              name: 'description',
              content: 'site.....'
          },
  
          ],
          link: [
          {
              rel: 'icon',
              type: 'image/x-icon',
              href: '/favicon.ico',
          },
          ],
          script: [
              { src: 'https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js' },
              { src: 'https://unpkg.com/@adonisjs/websocket-client' },
          ],
      },
      /*
      ** Global CSS
      */
      css: [
  
          //'~assets/css/main.css',
  
  
      ],
      /*
      ** Customize the progress-bar color
      */
      loading: { color: '#ffd451',height:'3px' },
      /*
      ** Point to resources
      */
      srcDir: resolve(__dirname, '..', 'resources')
      }
  </code></pre>
  
  <p>Currently it loads like this </p>
  
  <p><a href="https://i.stack.imgur.com/0QGUt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0QGUt.png" alt="enter image description here"></a></p>