我使用 Nextjs 并使用 Sass 来实现样式。在生产模式下,我看到很多 css 文件以顺序方式加载。我只想加载一个CSS。经过一番搜索,我发现 MiniCssExtractPlugin 很有用,可以在 next.config.js 中使用。我不知道如何使用它。谁能帮我?
const withPlugins = require("next-compose-plugins");
const nextTranslate = require("next-translate");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const withPWA = require("next-pwa");
const withBundleAnalyzer = require("@next/bundle-analyzer")({
enabled: process.env.ANALYZE === "true",
});
// next.js configuration
const nextConfig = {
images: {
domains: ['ibexcdn.com'],
},
};
module.exports = withPlugins(
[
[
nextTranslate,
{
webpack: (config, { isServer, webpack }) => {
return config;
},
},
],
withBundleAnalyzer,
[
withPWA,
{
pwa: {
disable: process.env.NODE_ENV === "development",
dest: …Run Code Online (Sandbox Code Playgroud)