我可以将 LESS 文件导入 SASS 吗?

Posted

技术标签:

【中文标题】我可以将 LESS 文件导入 SASS 吗?【英文标题】:Can I import a LESS file into SASS? 【发布时间】:2014-10-03 00:05:46 【问题描述】:

我正在尝试使用 bootstrap variables.less 文件处理一些网格宽度,但我想使用 SASS 而不是 LESS。

我有以下代码:

jqGrid.scss

@import url('../../Content/bootstrap/bootstrap-ui/less/variables.less');

@mixin colWidthPercent($columnNum, $widthPercent) 
    width: @screen-sm-min;

我认为它不喜欢@screen-sm-min,因为它是一种 LESS 格式。

有没有办法混合 .less 文件和 .sass 文件?

【问题讨论】:

【参考方案1】:

不,这是不可能的,因为 SASS 和 LESS 彼此不兼容。

改用Bootstrap的官方SASS端口:https://github.com/twbs/bootstrap-sass

【讨论】:

很高兴知道,如果他们使用某种转换工具。 (或者所有的翻转都是手工完成的......?) @FrankNocke,Bootstrap 2 已手动转换为 SCSS。对于 Bootstrap 3,他们使用 rake 自动将 LESS 转换为 SCSS。请参阅"Upstream Converter",它是source code。 Bootstrap 4 仅用 SCSS 编写。 不知道为什么一位开发人员说这是可能的 ? ***.com/a/5732683/185510 编辑:好吧,他没有说导入,但至少他们似乎有一个解析器

以上是关于我可以将 LESS 文件导入 SASS 吗?的主要内容,如果未能解决你的问题,请参考以下文章

我可以使用 sass 导入外部托管的文件吗?

less样式如何使用cssmodule

指南针和 sass:可以自动导入所有部分吗? [复制]

导入使用mixins的less文件时可以避免重复的css吗?

SASS中LESS的“导入(引用)'样式'”相当于啥

webpack 配置scssless全局样式(自定义的,vue-cli2/3)