Question

我正在尝试实现非常流行的prerender SPA plugin。

文档说要将模块添加到 webpack.config.js ，但是我没有这样的文件，我有 webpack.base.conf.js ， webpack .dev.conf.js 和 webpack.prod.conf.js 。

首先，没有插件数组，但在后两个中。所以我注入了它们：

new PrerenderSPAPlugin({
    // Required - The path to the webpack-outputted app to prerender.
    staticDir: path.join(__dirname, 'dist'),
    // Required - Routes to render.
    routes: [ '/' ],
})

到plugins数组，我需要在文件顶部。然后我在命令行中运行

> npm run build
> cd dist
> live-server

npm run build在根目录中创建了dist文件夹，现在我添加了插件之后，在webpack.conf文件所在的配置目录中另外添加了dist目录。在配置目录中的这个新dist文件夹中，是index.html文件，该文件基本上是空的html模板：

<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Not Found</pre>


</body></html>

我做错了什么？

Answer 1

我在根组件App.vue中发现了我的错误。我的根div没有id="app"。

为vue2js应用程序实现prerender SPA插件

1 个答案: