Javascript Next.js中类似的CSS块
我试图弄明白为什么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上的示例,您将看到一个与您的非常相似的布局,其中有一个预加载链接,然
<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
}
})
)