在 .less 项目中使用 .scss 库答案

【问题标题】：Using a .scss library in a .less project在 .less 项目中使用 .scss 库
【发布时间】：2016-04-13 07:56:25
【问题描述】：

我正在开发一个使用 LESS 作为 CSS 预处理器的应用程序。我也想使用 Bower 来获取 chartist 库，但是文件是以 SCSS 格式给出的。我通过less文件导入scss文件的最佳方式是什么？

我尝试使用@import (less) file.scss，但我收到错误“ParseError：第 3 行第 8 列的 chartist.scss 中无法识别指令选项：”其中第 3 行对应于

@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {

【问题讨论】：

【解决方案1】：

如果您使用诸如Grunt 之类的任务运行器，一个选项可能是使用一个包将单独的文件连接成一个CSS 文件，例如grunt-contrib-concat。

这样，你在 dev 中有多少文件或类型并不重要，基本上 less 和 sass 都被编译成 CSS 用于生产，因此你可以在之后将编译后的 CSS 文件合并在一起。

【讨论】：