在一个项目中混合使用scss和更少的文件（引导程序自定义上下文）

Question

P.S。我在前端没有大量的知识和经验。 所以问题是：这是正常的工作流程吗？

• 将scss中的所有引导node_modules文件加载到项目（src文件夹）中
• 在src中重写变量（使用customvariables.scss）
• 编译为bootstrap.css
• 移至dist
• 请注意，页面上的所有其他样式都使用较少的字体编写。因此，文件和scss（仅用于引导程序）将更少
• 要考虑到还有第二个变量文件（variables.less），其中某些项目（例如颜色）与引导变量.sass中相同

这是我的问题的描述：

• 我得到的不是我写的现有项目（仅限前端）

• 它写的样式不好，我想修复它，例如，太多的具有不同样式的按钮；通常，通过简单的引导程序自定义（使用引导程序变量和一些小的更改）可以完成太多的引导程序样式替代

• 问题之一是它引用了bootstrap.css（不是scss，并且没有使用npm加载，而是手工添加了）。

• 整个项目中的自定义样式均以less

编写

我想自定义引导程序（更改默认颜色，添加默认边框等），但是，为此，最好使用bootstrap-sass并更改变量中的默认值。之后，我将不得不将sass编译为css（例如使用gulp），并将bootstrap.css包含到项目中。

这将在一个项目中产生scss和less。此外，我可能需要有两个变量版本（例如variables.less和variables.sass），其中某些值将是相同的（例如颜色）。我现在无法将所有内容都重写为scss。