Nuxt2 windicss 闪屏

集成windicss

可以参考官方文档 windicss.org/integration…

问题描述

windicss部分样式不生效，放慢看会有闪屏现象，windicss样式先生效，然后又消失

解决方案

配置nuxt.config.js中 extractCSS 为 true

export default {
  build: {
    extractCSS: true,
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.(css|vue)$/,
            chunks: 'all',
            enforce: true
          }
        }
      }
    }
  }
}