在Vue组件Rails Webpack中使用可变的Scss资产

Question

我的application.scss中有此代码

$color-red: #FF0000;
$dark-gray: #4a4a4a;
$bg-gray: #f4f5f7;
$primary_color: #26d2bf;

如何在vue组件中使用此变量？

我将其添加到我的webpacker.yml

resolved_paths: ['app/assets/stylesheets']

我在vue组件中添加了这个

<style lang="scss" scoped>
@import "/application";

.billy{
  background-color: $primary_color;
}

但是我有一个错误。

@import“ / application”; ^    找不到导入文件或文件不可读：/ application。

我安装了sass-loader和style-loader