0

我想一起使用 Bootstrap 3 和 Less。这是我所做的：

  1. 安装了 Node.js
  2. 使用 npm 安装较少
  3. 下载的引导源（在与我的项目目录不同的目录中）
  4. 将整个“/less”子文件夹复制到我项目的工作目录中。

  5. 创建了我的自定义 .less 文件（例如 styles.less）并包含以下内容：@import '../less/bootstrap.less'; @import '../less/utilities.less';

  6. 在 Node 命令提示符下编译使用：'lessc styles.less > styles.css'

我的问题：

我现在只需要在我的项目中包含已编译的 styles.css 文件还是我必须包含所有引导组件？

另外，是否推荐使用此工作流程？（实际上，我在 smaskingmagazine.com 的文章中读到了类似的内容）。

PS：提前为这个愚蠢的（我认为）问题道歉。

谢谢！

4

1 回答 1

1

如果你用过

@import "bootstrap.less";

..在你的主less文件中，那么bootstrap.less将在编译期间包含在你编译的styles.css中。

编译完您的styles.css 后，您只需要将这个文件包含到您的项目中。

PS。还要看看你的styles.css 文件，看看里面编译了什么。或者自己玩/实验。例如，创建 2 个不同的 less 文件，在 main.less 中 @import 它们，编译并查看会发生什么。

于 2016-09-07T06:58:06.390 回答