Getting started

Before you continue with the update, please make sure you have read and followed up ‣

Install dependencies

Update to the latest versions of

npm i @oasis/[email protected] @oasis/[email protected] @oasis/[email protected]

Remove Node Polyfill Plugin

In these latest versions the node plugin is no longer required. Please remove it from your vue.config.js. It’ll also decrease the final bundle size.

// vue.config.js

const path = require('path');
~~const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');~~

module.exports = {
  configureWebpack: {
    output: {
      libraryTarget: 'system', // to use with SingleSPA
    },
    mode: 'production',
    devtool: false,
    resolve: {
      fallback: {
        fs: false,
      },
      alias: {
        '@': path.resolve(__dirname, 'src/'),
      },
    },
    plugins: [
	    ~~new NodePolyfillPlugin()~~,
    ],
  },
};

Enable cache on your CloudFront

Make sure you have cache enabled on your CloudFront behavior tab. That way you enhance initial load times.

You can create your own cache policy or use an existing one (Caching Optimized):

Using a custom cache policy

Or using the existing Caching Optimized policy