Nuxt生产模式后期加载资源

vue.js Vue.js

蛋蛋猿

2020-04-07

我目前正在运行一个在开发模式下可以正常运行的nuxt应用。但是,当我切换到生产模式时,您会看到某些CSS推迟到以后加载。我很确定这是一些有用的CSS。我之所以说是因为有些类确实已经存在。

您可以通过刷新此页面来了解我的意思(请确保禁用缓存)。

似乎缺少某种nuxt / webpack配置来禁用它,但我不确定它是什么。

编辑:临时站点有时会关闭,所以这是gif形式的情况,您可以看到某些关键的CSS稍后加载。 在此处输入图片说明

编辑#2:最小repro在此处添加https://github.com/amritk/vuetify-nuxt-repro

编辑#3:因此@Sabee解决了我的最小再现问题,但这并没有解决我的原始问题。如您在这里看到的,在客户端上添加了一些样式块,但是在服务器上却没有。如何确保将这些样式加载到服务器上?

服务器:

在此处输入图片说明

客户:

[客户端[3]

编辑#3:具体来说,其v布局样式要晚加载。有什么办法可以在服务器上预加载此CSS?

第4130篇《Nuxt生产模式后期加载资源》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android