用vue服务端渲染搭建多页面站点

开发VUE-SSR多页面服务端渲染站点笔记。

以及相关的学习资料~

本文编写基于vue2.0+,请注意不同版本之间的差异。

1.用到的npm包

cross-env: 实现多操作系统下设置node环境切换,NODE_ENV
rimraf: nodejs下递归删除文件
buble: 比babel更快的ES6编译器
lru-cache: nodejs下的轻量缓存模块

2.初次用到的方法/指令

require.ensure([],()=>{},'')

所传参数依次为:dependencie依赖的模块/callback回调函数/output输出模块名

  • 说明:

require.ensure在需要的时候才下载依赖的模块,当参数指定的模块都下载下来了(下载下来的模块还没执行),便执行参数指定的回调函数。

require.ensure会创建一个chunk,且可以指定该chunk的名称,如果这个chunk名已经存在了,则将本次依赖的模块合并到已经存在的chunk中,最后这个chunkwebpack构建的时候会单独生成一个文件。

  • 语法:
require.ensure(dependencies: String[], callback: function([require]), [chunkName: String])

dependencies: 依赖的模块数组

callback: 回调函数,该函数调用时会传一个require参数

chunkName: 模块名,用于构建时生成文件时命名使用

  • 注意点:

requi.ensure的模块只会被下载下来,不会被执行,只有在回调函数使用require(modules)后,这个模块才会被执行。

3.相关学习参考资料

NOOLDEY

本文作者:NOOLDEY

做一个诗情画意的码农,皮皮猪,我们走!

原文链接: http://zhuweisheng.com.cn/framework/vue-ssr/

本站文章如无特殊声明均为原创,创作不易,转载请注明来源,谢谢!