在组件架构中共享更少的文件

Question

我少了 2 个文件，我希望它们成为全局文件：

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 */
}

variables.less - 我所有的颜色都在这里定义

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

也许可以使用加载器或其他东西配置 webpack。我看到 scss-loader 有一个 resource 属性并且可以做这样的事情。

可以用less吗？

Answer 1

我找到了一个加载程序来为更少的文件或其他文件做这件事：https://www.npmjs.com/package/style-resources-loader

在组件架构中共享更少的文件

share less files in components architecture

less

webpack

less-loader

webpack-4