react中的next.js，安装css和less

最新推荐文章于 2025-07-10 16:56:14 发布

原创最新推荐文章于 2025-07-10 16:56:14 发布 · 997 阅读

0 ·

CC 4.0 BY-SA版权

next.js 专栏收录该内容

33 篇文章

订阅专栏

本文介绍如何在Next.js项目中使用npminstall安装并配置@zeit/next-css和@zeit/next-less模块，实现对CSS和LESS的支持。通过修改next.config.js文件，引入withCss和withLess方法，并解决Node环境中加载.css和.less文件的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm install  @zeit/next-css --save
npm install --save @zeit/next-less less

next.config.js


const withCss = require('@zeit/next-css');
const withLess = require('@zeit/next-less');
// fix: prevents error when .css files are required by node
if (typeof require !== 'undefined') {
  // eslint-disable-next-line
  //console.log("require",require);
  require.extensions['.css','.less'] = (file) => {}
}
 module.exports = withLess(withCss());