Javascript Next.js中类似的CSS块

Javascript Next.js中类似的CSS块,javascript,css,reactjs,sass,next,Javascript,Css,Reactjs,Sass,Next,我试图弄明白为什么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"/> 谢谢。这就是链接标签预加载的工作原理 如果您查看MDN上的示例,您将看到一个与您的非常相似的布局,其中有一个预加载链接,然

我试图弄明白为什么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"/>

谢谢。

这就是链接标签预加载的工作原理

如果您查看MDN上的示例,您将看到一个与您的非常相似的布局,其中有一个预加载链接,然后是样式表链接

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
    }
  })
)