我的整个项目样式都是用较少的语法编写的,在这些文件中,我还导入了一些node_modules较少的文件作为引用。例如:
@import (reference) "~antd/lib/style/themes/default.less";
这是支持此功能的webpack配置的一部分:
{
test: /\.less$/,
loaders: [
"style-loader",
"css-loader",
"less-loader"
]
},
注意,我不排除node_modules
目录
现在,我想在我的less文件中支持CSS模块语法。因此,我在css-loader
选项中启用了它:
{
test: /\.less$/,
loaders: [
"style-loader",
{
loader: "css-loader",
options: {
modules: true
}
},
"less-loader"
]
},
但是这会导致问题:因为我没有排除node_modules,所以node_modules中的less文件也由css模块编译,css模块无法在node_modules中进行打包
那么是否有可能在css-loader中包含node_modules但在css模块中排除它们?