Vue.js 2 Web Development Projects

Client entry

On the browser, the code will be started in the client entry file that we will write now.

1. Create a new src/entry-client.js file that will be the entry point for the client bundle. It will get the user language, call the createApp function, and then mount the app into the page:

      import { createApp } from './app'      import { getAutoLang } from './utils/i18n'      const locale = getAutoLang()      createApp({        locale,      }).then(({ app }) => {        app.$mount('#app')      })

2. You can now change the entry path in the webpack.config.js file:

      entry: './src/entry-client.js',

You can restart the dev script and check whether the app still works in the browser.