NextJs 配置Less

1,894 阅读1分钟
// 1.安装依赖  
yarn add next-plugin-antd-less  
  
// 2.在next.config.js中加配置  
/** @type {import('next').NextConfig} */  
const withAntdLess = require('next-plugin-antd-less');  
  
const nextConfig = {  
reactStrictMode: true,  
swcMinify: true,  
// less配置  
...withAntdLess({})  
};  
  
module.exports = nextConfig;

// 3.导入方式
import styles from './index.module.less';

// 4.解决导入报错,全局新建global.d.ts文件,添加如何下配置
declare module '*.module.less' {
  const classes: { readonly [key: string]: string };
  export default classes;
}
declare module '*.less'