gpt4 book ai didi

javascript - 少编译和保存 Bootstrap

转载 作者:太空宇宙 更新时间:2023-11-04 03:45:50 25 4
gpt4 key购买 nike

我正在尝试使用 less js 编译 bootstrap less 文件,并尝试将编译后的 css 文件保存到我的服务器根文件夹。

我对在 40 个 less 文件中包含哪些 bootstrap less 文件有点困惑。目前我包括以下文件以获取 Bootstrap css:

  1. bootstrap.less
  2. variables.less

为了更改变量值和编译,我正在执行以下操作:

HTML:

<body>
<div class="bg-primary"style="width:100%;height:100px"></div>
<a class="btn btn-primary" onclick="generatecss();"> compile </a>
</body>

JS:

function generatecss() {
less.modifyVars({
'@brand-primary': '#5cb85c'
});
}

执行上面的 js 函数后,less 被正确编译,改变了品牌原色。但是我的问题是我应该如何将这个新编译的文件保存到我的服务器根目录。

最佳答案

LESS 通常不是从浏览器编译的,而是使用 lessc 从命令行编译的。安装后(可能使用 NPM),您应该能够使用类似的东西编译 Bootstrap

% lessc bootstrap/less/bootstrap.less my-bootstrap.css

然后您只需分发生成的 my-bootstrap.css——无需提供 LESS 源。

如果您想像修改 JavaScript 代码一样修改该变量,您可以编辑 Bootstrap 的 variables.less 或传递另一个命令行选项:

% lessc --modify-var='brand-primary=#5cb85c' bootstrap/less/bootstrap.less my-bootstrap.css

lessc 也可以采用其他选项——尝试使用 lessc --help 查看它们。

关于javascript - 少编译和保存 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24133125/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com