小编Bea*_*oot的帖子

我正在使用webpack捆绑我的文件,包括css(less).

它适用于css文件,但是一旦我在游戏中添加less-loader,其他较少文件(常见文件)所需的文件就会在输出中重复.

我想我做了什么:

     |-------entry.js-------|
     |                      |

componentOne.js componentTwo.js
           | |
     one.less two.less
           \/
             \ ----- common.less ---- /

webpack认为我做了什么:

     |-------entry.js-------|
     |                      |

componentOne.js componentTwo.js
           | |
     one.less two.less
           | |
共同的,没有共同的

这导致common.less在我的输出中重复多次,因为它是必需的.同样,没有less-loader,common.css在第二次需要时被识别为同一模块.

这是一个回购说明

编辑:经过一些调查后,似乎较少的编译器包含从其他较少的文件导入较少的文件,而不是webpack require系统.然后重复是有意义的.

编辑2:避免这种情况的一种方法是让你的common.less文件不输出任何东西.仍然有一些限制,例如:

.@{a} () {
  // rules...
}