Подобные CSS куски в Next. js - PullRequest
Новая
       54

Подобные CSS куски в Next. js

0 голосов
/ 30 января 2020

Я пытаюсь выяснить, почему Next. js вставляет два одинаковых блока CSS, вот так 

<link rel="preload" href="/_next/static/css/styles.chunk.css" as="style"/>
<link rel="stylesheet" href="/_next/static/css/styles.chunk.css"/>

Мне нужен только один с rel равным "preload". Что я могу сделать для этого? В моем следующем файле конфигурации js нет ничего криминального: 

const withImages = require('next-images')
const withSass = require('@zeit/next-sass')
const TerserPlugin = require('terser-webpack-plugin')

const env = process.env.NODE_ENV || 'development'

const configs = {
  development: {
    BASE_URL: 'http://localhost:8110'
  },
  production: {
    BASE_URL: 'https://some-url'
  }
}[env]

module.exports = withSass(
  withImages({
    minified: true,
    optimization: {
      minimizer: [new TerserPlugin()]
    },
    env: {
      ...configs,
      ...other options
    }
  })
)

Спасибо.

1 Ответ

0 голосов
/ 30 января 2020

Вот как работает предварительная загрузка с тегами ссылки.

Если вы посмотрите на пример на MDN, вы увидите очень похожий макет с вашей ссылкой предварительной загрузки, а затем ссылку на таблицу стилей.

Предварительная загрузка контента с rel = preload

...