在开发我们公司的恒相产品画册项目时,使用VUE框架开发SEO就无法优化了,最后采用UNXT.JS框架开发此项目。项目第一阶段开发完毕后,打版上线也没有注意CSS的问题,在使用站长工具查询时,抓取页面数据显示无用代码过长不利于SEO。扒了了好多解决方案,经测试一下方法可用。

一、在NUXT.JS框架中找到nuxt.config.js配置文件;

二、在页面中找到build配置项,如果没有请自行添加;

export default {head: {},css: [],plugins: [],buildModules: [],modules: [],axios: {},proxy: {},build: {************************}
}

三、设置extractCSS为true,如果没有请自行添加;

export default {head: {},css: [],plugins: [],buildModules: [],modules: [],axios: {},proxy: {},build: {extractCSS: true}
}

四、设置optimization对象,如果没有请自行添加;

export default {head: {},css: [],plugins: [],buildModules: [],modules: [],axios: {},proxy: {},build: {extractCSS: true,optimization: {splitChunks: {cacheGroups: {styles: {name: 'styles',test: /\.(css|vue)$/,chunks: 'all',enforce: true}}}}}
}

NUXT.JS框架打版后生成静态页面CSS太长解决方法相关推荐

  1. IIS开启伪静态后html静态页面无法访问的解决方法

    IIS开启伪静态后,发现原本存在的html静态页面无法访问了,显示的404错误.网上查了下,是因为实现伪静态就是使用 URLRewriter 来映射后缀,会把asp等动态页面映射成html,但是原来存 ...

  2. cpu队列长度太长解决方法_电脑关机后cpu风扇还在转如何解决【解决方法】

    最近一个用户称自己的电脑关机之后,出现了cpu风扇还在转的问题,等待了一段时间,处理器散热器风扇并没有停下来,那么电脑关机后cpu风扇还在转怎么办?下面小编为大家带来了搞定方法. 方式一.主板BIOS ...

  3. PDF合并后的PDF页面大小不一的解决方法

    一.问题描述 不同的pdf文件进行合并之后,有时会出现页面大小不一的情况,尤其是在文件和图片进行pdf合并的时候,由于原pdf分辨率与图片分辨率不同导致的. 二.解决方法 ctrl+p 选择打印到pd ...

  4. php读取模板生成静态功能,php 生成静态页面的办法与实现代码详细版

    php中主要用到的就是要用到fread()和fwirte().而静态页面生成了之后,就会牵扯到修改的问题.这里可以用到正则匹配的方法来替换模版中改变的部位.不过此种方法太麻烦,值得推荐的方法是直接把原 ...

  5. nuxt.js中的静态图片显示不出来解决方法

    nuxt.js中的静态图片显示不出来解决方法 <script> export default {data() {return {imgList: [{ name: "图1&quo ...

  6. PHP代码为什么不能直接保存HTML文件——PHP生成静态页面教程

    1.服务器会根据文件的后缀名去进行解析,如果是HTML文件则服务器不会进行语法解析,而是直接输出到浏览器. 2.如果一个页面中全部都是HTML代码而没有需要解析的PHP语法,则没有必要保存为PHP文件 ...

  7. 织梦手机端生成静态页面实操

    遇到问题:织梦手机端默认访问是域名/m/list.php?tid=id或者/m/view.php?aid=1,如何将动态地址修改为静态. 解决办法:网上搜索织梦手机端静态生成教程,基本插件实现.以下为 ...

  8. php生成静态页面并预览

    一.前言 最近要找房子搬家,作为一名青漂,每年换房子都要成为习惯了,不过还好,偌大的城市还能容得下身体和灵魂. 这篇文章主要是记录一下php生成静态页面的大致步骤,关于页面静态化,大家想必都听说过,但 ...

  9. 网站生成静态页面,及网站数据采集的攻、防原理和策略

    关于本文:         本着互联网共享主义精神,特写此文献给建站新手,授人以鱼,不如授人以渔,本文所讲的只是方法和原理,希望大家看完此文,能够从中得到些帮助和启发. 本文从一个ASP程序员的角度用 ...

最新文章

  1. 6个用于大数据分析处理的最好工具
  2. 纯中文C++代码,可运行
  3. 深入浅出设计模式——组合模式(Composite Pattern)
  4. Java编程——服务器设计方案之应用限流
  5. [SDOI2019] 热闹的聚会与尴尬的聚会
  6. activiti脚本任务_Activiti中的安全脚本如何工作
  7. SPOJ HIGH Highways ——Matrix-Tree定理 高斯消元
  8. dll 和 lib--初级
  9. jQuery.Autocomplete 自动完成
  10. Lua学习笔记9:多文件
  11. 7. 生信技能树——TCGA癌症数据2
  12. Layui同一个表单中放置两个按钮,提交问题
  13. Android webview登录手机QQ
  14. GIC/ITS代码分析(3)ITS驱动初始化
  15. youtube-dl下载视频出现SSL证书的问题解决办法
  16. win10怎么录屏?windows自带录屏功能怎么用
  17. 微信小程序setData不起作用
  18. Linux内核及其发行版本
  19. Java程序员面试需要注意什么
  20. 使用字节流和字符流向浏览器输出数据

热门文章

  1. python实现图片转换pdf
  2. 对计算机专业的兴趣怎么说,我的职业兴趣-我似乎对任何领域都有兴趣,有时会很想知道计算机及其网络是怎么设计运作的,...
  3. 自学小程序开发得多久_使自学变得不再孤独,更有趣
  4. DALI标准协议分享
  5. cygwin编译x264:extras/avisynth_c.h 未知类型错误 'HMODULE'
  6. 关于Linux安装Vame tools工具步骤
  7. 七年级信息技术期末试卷及参考答案
  8. 青海推动牦牛青稞在内特色产业转型升级
  9. WordPress 主题巴巴WP主题模板 博客X 主题模板 V1.3.1开心版去授权无限制版
  10. Android实现方程编辑器