小编ami*_*n71的帖子

使用 mini-css-extract-plugin 将所有 CSS 提取到 Nextjs 中的单个文件中

我使用 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)

javascript frontend reactjs next.js mini-css-extract-plugin

5
推荐指数
1
解决办法
2581
查看次数