next-less-loader

基于业务完善版本的 less loader for nextjs

差异

对比官方提供的 next-less，多了从 next.config.js 中读取了一个配置项 cssModulesExclude(数组类型)

配置方式

在 next.config.js 中的配置信息如下：

``
cssModulesExclude: [
/node_modules/,
/assets/
]
`

如果配置了（只要 cssModulesExclude 对应的数组值长度大于 0），next-less-loader 内部会关闭指定规则的 cssModules（设置 false）

内部代码设计：

`
const globlaCssWithoutCssModuleLoader = cssLoaderConfig(config, {
cssModules: false,
...
})

const globalLessWithoutCssModuleLoader = cssLoaderConfig(config, {
cssModules: false,
...
})


config.module.rules.push({
test: /\.less$/,
include: cssModulesExclude,
use: globalLessWithoutCssModuleLoader,
})
``

其他配置项：

* cssModules
* cssLoaderOptions
* postcssLoaderOptions
* lessLoaderOptions

依赖

* @zeit/next-css
* webpack-filter-warnings-plugin