使用 next-compose-plugins 实现多插件配置

最新推荐文章于 2024-11-27 15:30:07 发布

原创最新推荐文章于 2024-11-27 15:30:07 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

如需转载，请联系：https://shudong.wang/about

本文介绍如何在Next.js项目中使用next-compose-plugins进行多插件配置，通过具体案例展示了如何同时配置Stylus和CSS模块，实现样式模块化和加载器优化。

<!--

@Author: starkwang
@Contact me: https://shudong.wang/about
@Date: 2019-10-21 18:33:27
@LastEditors: starkwang
@LastEditTime: 2019-10-21 18:38:13
@Description: 【nextjs教程】多插件配置，使用 next-compose-plugins实现 -->

本文首发：https://shudong.wang/10606.html

使用 next-compose-plugins 实现多插件配置

const withPlugins = require('next-compose-plugins');

配置规则

module.exports = withPlugins(
  [
    [
      stylus,{插件一}
    ],
    [
      css,{插件二}
    ]
  ],
  nextConfig
);

案例

const nextConfig = {}
module.exports = withPlugins(
  [
    [
      stylus,
      {
        cssModules: true,
        cssLoaderOptions: {
          importLoaders: 1,
          localIdentName
        }
      }
    ],
    [
      css,
      {
        cssModules: true,
        cssLoaderOptions: {
          localIdentName
        }
      }
    ]
  ],
  nextConfig
);