配置预渲染

本文详细介绍了在Vue.js项目中配置预渲染(Prerender-Spa-Plugin)的步骤,包括webpack.prod.conf.js的设置,以及在vue.config.js中引入和配置预渲染插件。在配置过程中可能会遇到webpack配置文件未生成的问题,解决办法是手动创建并添加所需内容。此外,还分享了在项目中引用config文件夹的方法和注意事项。
摘要由CSDN通过智能技术生成

配置预渲染

具体方法

参考:https://blog.csdn.net/ligang2585116/article/details/78533793
踩到的坑:
webpack.prod.conf.js在新建时没有被创建
在vue.config.js里面引入配置

var path = require("path");
var config = require("./config")
var PrerenderSpaPlugin = require('prerender-spa-plugin')
module.exports = {
  lintOnSave: false,  
  configureWebpack: {
   plugins: [

    new PrerenderSpaPlugin(
      
        path.join(config.build.assetsRoot), 
   
        [ '/', '/test']
    )
 
 ]},
}

lintOnSave: false, 因为我安装的时候就有所以就没有删除
因为此处引入了config.build.assetsRoot所有我们需要添加config文件夹,添加内容参考如下
https://blog.csdn.net/gongyi199393/article/details/83304000

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值