vue如何实现按需加载配合webpack设置

Vue可以通过webpack的code-splitting功能实现按需加载。具体实现方式如下：

1. 在webpack配置文件中，使用`require.ensure`或`import`语法加载组件，如下所示：

const Home = resolve => require.ensure([], () => resolve(require('./Home.vue')), 'home')

2. 对于需要按需加载的组件，在路由配置时使用`component`属性，并将其设为一个函数，如下所示：

const router = new Router({
  routes: [
    {
      path: '/',
      component: resolve => require(['./views/Home.vue'], resolve)
    }
  ]
})

这样，在访问该路由时，webpack会自动加载该组件的代码。

同时，在webpack配置文件中，需要开启以下两个功能：

1. 使用`CommonsChunkPlugin`将公共依赖提取到单独的chunk中，以便于缓存和复用；
2. 开启`uglifyJS`对代码进行压缩和混淆，以减小文件体积并加快加载速度。

以上就是Vue如何实现按需加载配合webpack设置的方法。