vue-cli里怎么用 require 加载 vue 文件

Question

怎么像下面这样写

component: resolve => { require(['@/views/error-page/500.vue'], resolve); }

我这样写会报错;报错如下：

These dependencies were not found:

* iview in ./src/main.js
* !!vue-style-loader!css-loader?{"sourceMap":false}!../../node_modules/_vue-loader@13.5.0@vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-f6ee8876","scoped":false,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../../node_modules/_vue-loader@13.5.0@vue-loader/lib/selector?type=styles&in
dex=0&bustCache!./Login.vue in ./src/views/Login.vue

官方这种写法又没问题：

() => import(/* webpackChunkName: "group-foo" */ './Foo.vue')

Answer 1

你是要实现路由懒加载的话，你第一种写法是错的，所以不行，参考官方文档

Answer 2

const Article = resolve => require(['../components/page/Article'], resolve) //懒加载