Angular 将Sass变量导入角度5分量'；s类型脚本文件

我想与我的javascript共享一些scss变量

到目前为止，我已经做了以下工作，但它不起作用

组件

import * as variables from 'sass-variable-loader!../styles/_variables.scss';

.angular.cli.json

...
"scripts": [
  "../node_modules/sass-variable-loader/dist/index.js"
],
...

我还将

typings.d.ts

文件更改为接受以

.scss

结尾的文件

我意识到我没有将

sass变量加载器添加到网页包配置中，但Angle不会在引擎盖下使用它吗？我有没有办法添加sass变量加载器而不在Web包配置中显式指定它

或

是否有其他方法加载此文件并与我的typescript文件共享变量

编辑

如果我从“../styles/_variables.scss”导入变量，则在编译过程中，我会从网页中收到错误消息“找不到模块”

。

您能否提供一个示例文件？这是您的变量。scss，可能是路径问题。您会遇到什么错误？try

const styles=require（'../styles/_variables.scss）；（使用正确的路径）

@David Require在angular应用程序中不起作用，如果可能的话，我希望不使用Require进行此操作。@Akanksha这绝对不是路径问题。我将粘贴错误消息。