webpack:将node_modules软件包包括在css-loader中,但排除在css-modules中

时间:2018-11-16 06:23:51

标签: css webpack less css-modules

我的整个项目样式都是用较少的语法编写的,在这些文件中,我还导入了一些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模块中排除它们?

0 个答案:

没有答案