关于Laravel项目上SCSS文件中的导入行的问题

Question

我刚刚使用以下命令创建了一个香草Laravel-React项目：

$ laravel new laravel-react-vanilla
$ cd laravel-react-vanilla
$ php artisan preset react
$ npm i && npm run dev

https://github.com/napolev/laravel-react-vanilla

内部文件：/resources/sass/app.scss我有以下代码：

https://github.com/napolev/laravel-react-vanilla/blob/master/resources/sass/app.scss

// here is a preview

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

我的问题是：

1. @import '~bootstrap/scss/bootstrap';这行是什么意思？是否正在导入以下引导程序：https://getbootstrap.com/docs/4.1/getting-started/introduction/？如果是这样，它如何知道必须从何处获取该代码的网址？

2. 当我使用variables智能感知单击VS Code（在同一文件内）时，它将带我到文件/resources/sass/_variables.scss。我不明白的是为什么当文件名不匹配时会进行重定向。我的意思是，文件名以下划线开头。

谢谢！