如何在Symfony 4项目中通过Yarn获取Bootstrap 4的SCSS文件？

嘿，我来帮你理清这个问题！其实你通过Yarn安装的Bootstrap 4包里已经包含完整的SCSS源文件了，只是可能没找对目录，而且官网的说明容易让人混淆——咱们一步步来：

1. 确认安装的是完整源码包 #

你用Yarn安装Bootstrap 4时，默认拉取的就是包含SCSS、JS源码的完整包，不是官网下载的那种预编译精简版。如果还没安装，执行这个命令确保装的是4.x版本：

yarn add bootstrap@4

2. 找到SCSS文件的位置 #

在你的Symfony 4项目根目录下，打开node_modules/bootstrap/scss/文件夹，这里面就是所有Bootstrap 4的SCSS源文件：

• 主入口文件是bootstrap.scss（导入了所有组件的SCSS）
• 还有各种可自定义的局部文件，比如_variables.scss（用来覆盖默认样式变量）、_buttons.scss（按钮组件的SCSS）等

3. 为什么官网说“仅提供.css文件”？ #

官网的“包含内容”板块指的是从官网直接下载的预编译压缩包，那个包只有编译好的CSS、JS文件，是给不需要自定义样式的用户用的。而通过Yarn/npm这类包管理器安装的是开发用的完整源码包，自然包含SCSS文件啦。

4. 在Symfony里使用SCSS的小提示 #

如果你的项目用了Webpack Encore（Symfony 4默认的前端构建工具），可以在assets/styles/app.scss里这样导入Bootstrap的SCSS：

// 先自定义变量（可选）
$primary: #your-custom-color;

// 导入Bootstrap主SCSS文件
@import "~bootstrap/scss/bootstrap";

这里的~是Webpack的别名，用来指向node_modules目录，这样Encore就能正确找到Bootstrap的SCSS文件了。

内容的提问来源于stack exchange，提问作者meandeveloper111