javascript - 使用 jQuery 的 Angular 2+ 服务器端渲染

Question

我遇到了一些令人虚弱的事情。

我现在在一个项目中已经很远了，它肯定需要在某个时候在服务器端呈现。

该网络应用程序允许用户上传个人资料图片和“常规”图片等图片。

我正在使用 Foliotek (https://github.com/Foliotek/Croppie) 的 Croppie 进行裁剪，效果很好，正是我需要的。

但是 Croppie 依赖于 jQuery。昨天我发现如果我想让应用程序在服务器端呈现，这可能是个问题。

所有 jQuery 都用于 ngAfterViewInit 生命周期 Hook ，所以我希望这能证明它是服务器端渲染？

我知道有可用的 ng2-img-cropper，但我不太热衷于实现它。但是，如果我可以将 ng2-img-cropper 与服务器端渲染一起使用，那么我将不得不这样做。

还是我忽略了更好的东西？

Answer 1

您可以在服务器上使用 jQuery，节点，AFAIK。只需浏览 npm 并搜索合适的模块。不要忘记，Node 没有 DOM 实现，因此您还需要虚拟 DOM 模块。

例如，您可以使用 this jQuery wrapper与 this DOM implementation .示例:

npm install jsdom
npm install jQuery

var jsdom = require('jsdom').jsdom
var myWindow = jsdom().createWindow()
var $ = require('jQuery')
var jq = require('jQuery').create()
var jQuery = require('jQuery').create(myWindow)

$("<h1>test passes</h1>").appendTo("body")
console.log($("body").html());