i have a 10 page vuejs application. when i do npm run serve the script files are getting injected inside <head> instead of ` end of and everything is render blocking. (the script is injected in head and not body) I import script and styles from separate files like <script src="@/assets/js/app.js"></script> I use lazyloading of vue components function lazyLoad(view){ return() => import(`@/components/${view}.vue`) } const routes = [ { path: '/', component: lazyLoad('Home'), name:"home", meta: {title:"blah blah title"} }, It was fine in older version of the code. so What am I doing wrong.

vuejs inserting build chunks inside head

i have a 10 page vuejs application. when i do npm run serve the script files are getting injected inside <head> instead of ` end of and everything is render blocking. (the script is injected in head and not body)

I import script and styles from separate files like <script src="@/assets/js/app.js"></script>
I use lazyloading of vue components

function lazyLoad(view){
  return() => import(`@/components/${view}.vue`)
}

const routes = [ 
  {
    path: '/', 
    component: lazyLoad('Home'),
    name:"home",
    meta: {title:"blah blah title"}
  },

It was fine in older version of the code. so What am I doing wrong.

vuejs inserting build chunks inside head

0 Answers