首页 文章

在vue组件rails webpack中使用变量scss资产

提问于
浏览
1

我在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

1 回答

  • 0

    通常我通过在样式标记中导入Sass文件来执行以下操作:

    <style lang="scss" scoped src="./style.scss">
        </style>
    

    Note :我正在使用Vue cli 3

相关问题