美文网首页
NuxtJs项目清除页面无用代码(css、js)

NuxtJs项目清除页面无用代码(css、js)

作者: 林思念 | 来源:发表于2021-10-28 15:32 被阅读0次
  • NuxtJs框架搭建项目,进行网页源代码优化
  1. 样式只要不是通过nuxt.config.js中通过文件导入进来都会先是在页面中,页面信息杂乱,爬虫抓取页面有长度限制,需要去除CSS代码
  2. 默认情况下nuxt模块会把接口请求数据转化为字符串一同打包到网页源代码中

当时解决办法是在node_modules下 @nuxt/nuxt/vue-renderer/dist/vue-renderer.js 文件中,将其注释掉

// css
renderStyles (renderContext) {
    return ''
    // return this.addAttrs(renderContext.renderStyles(), 'link')
}
// js
const serializedSession = `window.${this.serverContext.globals.context}=${devalue(renderContext.nuxt)};`;
APP += `<script></script>`; //删除当前变量APP页面中window._nuxt_=  内容将消失

优化前

image

优化后

image

相关文章

网友评论

      本文标题:NuxtJs项目清除页面无用代码(css、js)

      本文链接:https://www.haomeiwen.com/subject/sbrvaltx.html