我正在尝试实现非常流行的prerender SPA插件。
文档说添加模块到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: [ '/' ],
})
插件数组,我需要它在文件的顶部。然后我在命令行中运行
> npm run build
> cd dist
> live-server
npm run build
在根目录中创建了dist文件夹,现在在我添加了插件之后,它又在web包所在的配置目录中添加了dist目录。conf文件位于。在这个新的dist文件夹中,config目录中是index。基本上是空html模板的html文件:
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Not Found</pre>
</body></html>
我做错了什么?
我发现我的错误在根组件,这是一个pp.vue.我没有id="app"
到我的根div。