NuxtJs项目清除页面无用代码（css、js）

• 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