パーシャルを纏めてインポート(sass)

パーシャルを纏めてインポートしたく、下記のように記述したらエラーがでました。
エディタはvscodeを使用しており、拡張機能live sass compilerを使ってコンパイルしています。
何か設定すれば、vscodeの拡張機能でも**を使うことが可能なのでしょうか。
やはり、gulpを使わないと無理なのでしょうか。

scss
1@import "setting/setting";
2@import "function/**";
3@import "foundation/**";
4@import "layout/**";
5@import "component/**";
6@import "project/**";
7@import "utility/**";

エラー
Compiling Sass/Scss Files:
/Users/yuta/Local Sites/flocss/app/public/wp-content/themes/flocss-child/src/sass/style.scss

Compilation Error
Error: File "/Users/yuta/Local Sites/flocss/app/public/wp-content/themes/flocss-child/src/sass/function/**" not found
on line 2 of sass/Users/yuta/Local Sites/flocss/app/public/wp-content/themes/flocss-child/src/sass/style.scss

@import "function/**";

フォルダ階層は下記のとおりです。

sass/

　├ component/
│　└ _list.scss
│　└ _file.scss
│　└ _loading.scss
│　└ _tab.scss
├ foundation/
│　└ _animation.scss
│　└ _base.scss
│　└ _foundation.scss
├ function/
│　└ _function.scss
│　└ _mixin.scss
├ layout/
│　└ _container.scss
│　└ _header.scss
├ setting/
│　└ _color.scss
│　└ _setting.scss
├ utility/
│　└ _hidden.scss
│　└ _hover.scss
│　└ _space.scss
└ style.scss