使用Webpack提高Vue.js应用的方式汇总(四种)

 　　4.2 require要求

　　　　要从服务器加载异步组件的代码，请使用Webpack require语法。 这将指示Webpack在构建时将单独的软件包中的async组件捆绑在一起，

　　而且更好的是，Webpack将使用AJAX处理此捆绑包的加载，因此你的代码可以简单如下：

Vue.component('async-component', function (resolve) {
 require(['./AsyncComponent.vue'], resolve)
});

　　4.3 懒加载 (router.js)

　　　　在路由配置文件中一般的都是直接导入比如　　

import HomePage from ‘./HomePage ‘
　　如果想路由页面只在用到时候加载可以修改如下

const HomePage = resolve => require(['./HomePage.vue'], resolve);
const rounter = new VueRouter({
 routes: [
  {
   path: '/',
   name: 'HomePage',
   component: HomePage
  }
 ]})

以上所述是小编给大家介绍的使用Webpack提高Vue.js应用的方式汇总(四种)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！