如何在不同文件中使用less声明的全局公共变量

1：假设我们有一个全局的less变量文件’./style/variable.less’文件

如果想要在组件样式中使用这些文件，我们需要引入这些文件，但是这样做会带来很多问题，代码冗余，不好维护。
我们迫切需要一种全新的更优雅的方法——sass-resources-loader
该加载器将 less资源自动导入每个所需的 less 模块。 因此，您可以在所有 less 样式中使用共享变量和mixin，而无需在每个文件中手动导入它们。
注意，此loader不限于less，并适用于 sass，post-css等。
Supports Webpack 4.
参考资源链接：
https://github.com/shakacode/sass-resources-loader
第一步：
安装 less less-loader sass-resources-loader 。
npm install less less-loader sass-resources-loader --save-dev
第二部：配置webpack
第三步：这样在其他组件文件中就无需手动引入varilable.less变量文件就可使用在其中定义的变量