在组件体系结构中共享更少的文件

Question

我希望它们成为全局文件的文件减少了2个

1. functions.less -声明函数的地方

例如：

f_transition(@transString: 0) when not (@transString = 0) {
    transition: @transString;
    -moz-transition: @transString; /* Firefox 4 */
    -webkit-transition: @transString; /* Safari and Chrome */
    -o-transition: @transString; /* Opera */
}

1. variables.less -定义所有颜色的地方

我希望不要在每个较少的文件中写下@import variables.less，而是希望默认情况下可以访问它们。

也许可以使用加载程序等配置Webpack。 我看到scss-loader有一个resource属性，可以这样做。

有可能用更少的钱吗？

Answer 1

我找到了一个加载器，可以用更少的文件或任何其他方式执行加载器：https://www.npmjs.com/package/style-resources-loader