最新next.js中引入less

在新创建的next.js项目中想要引入less.网上找了很多办法,终于找到了可行的方法.

1.首先创建文件global.d.ts(这样我们导入less文件就有提示了)

declare module "*.less";

2.下载包  yarn add next-plugin-antd-less

在next-config.js文件夹下修改

const withAntdLess = require('next-plugin-antd-less');

module.exports = withAntdLess({
});

 

3.关闭vs重新启动项目(完成)