vue 如何合并两个 项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载...

使用 Vue 开发项目时，如果要使用其单文件组件特性，必然要使用 webpack 或者 Browserify 进行打包，对于大型应用，为了提升加载速度，可以使用 webpack 的 code splitting 功能进行分割打包，生成较小的模块并按需加载，这在 Vue 文档及 vue-router 文档中均有介绍：Async Components、Lazy Loading。

webpack 的 code splitting 可以使用 webpack 的 require.ensure 特殊语法或者使用 AMD 风格的 callback-require 语法，以 AMD 风格的 callback-require 语法为例——

全局注册 Async Component：

let myAsyncComponent = resolve => {

require(['./my-async-component'], resolve)

}

Vue.component('async-webpack-example', myAsyncComponent)

局部注册 Async Component，单文件组件中 script 块内容：

let myAsyncComponent = resolve => {

require(['./my-async-component'], resolve)

}

// Vue 扩展实例选项，其他选项略

export default {

components: {

'async-webpack-exam