Webpack 如何在没有网页包的情况下将ssr添加到vue cli 3项目？

我使用以下工具创建了我的项目：

---

vue使用NodeJS创建我的项目

，您可以执行以下操作：

// Step 1: Create a Vue instance
const Vue = require('vue')
const app = new Vue({
  template: `<div>Hello World</div>`
})

// Step 2: Create a renderer
const renderer = require('vue-server-renderer').createRenderer()

// Step 3: Render the Vue instance to HTML
renderer.renderToString(app, (err, html) => {
  if (err) throw err
  console.log(html)
  // => <div data-server-rendered="true">Hello World</div>
})

// in 2.5.0+, returns a Promise if no callback is passed:
renderer.renderToString(app).then(html => {
  console.log(html)
}).catch(err => {
  console.error(err)
})

//步骤1：创建Vue实例
常量Vue=require（'Vue'）
const app=新的Vue({
模板：`你好，世界`
})
//步骤2：创建渲染器
const renderer=require（'vue-server-renderer'）。createRenderer（）
//步骤3：将Vue实例呈现为HTML
renderer.renderToString（应用程序，（错误，html）=>{
如果（错误）抛出错误
console.log（html）
//=>你好，世界
})
//在2.5.0+中，如果未传递回调，则返回承诺：
renderer.renderToString（app）.then（html=>{
console.log（html）
}).catch（错误=>{
控制台错误（err）
})

文件：

---

我就知道。但它在窗口中仍然不起作用