Soy nuevo en vue js e intento aprender esto. Instalé una nueva versión nueva de vue webpack en mi sistema. Tengo un css, js e imágenes de esta plantilla de tema que quiero incluir en el HTML, así que intenté agregarlo enindex.html pero puedo ver errores en la consola y los activos no se están agregando. Mientras buscaba, llegué a saber que puedo usarrequire enmain.js archivo. Pero recibo el error:

Siguiendo he intentado en mimain.js archivo:

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import App from './App'
 import router from './router'

 require('./assets/styles/vendor.css');
 require('./assets/styles/main.css');
 require('./assets/scripts/vendor/modernizr.js');

 Vue.config.productionTip = false

 /* eslint-disable no-new */
 new Vue({
  el: '#app',
   router,
  template: '<App/>',
  components: { App }
 })

Si bien intenté usar la importación para usarlo, pero aún así recibí un error

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import App from './App'
 import router from './router'

 import('./assets/styles/vendor.css')
 // require('./assets/styles/vendor.css');
 // require('./assets/styles/main.css');
 // require('./assets/scripts/vendor/modernizr.js');

 Vue.config.productionTip = false

 /* eslint-disable no-new */
 new Vue({
  el: '#app',
   router,
  template: '<App/>',
  components: { App }
 })

Aquí está la captura de pantalla de error:

Ayúdame en esto.