将Sass变量导入angular 5组件的typescript文件

时间:2018-03-16 03:27:19

标签: angular typescript sass angular-cli

我想用我的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-variable-loader添加到webpack配置中,但是无论如何都没有角度使用它?有没有办法让我添加sass-variable-loader而不在webpack配置中明确指定它?

OR

是否有其他方法可以加载此文件并与我的打字稿文件共享变量?

修改

如果我import * as variables from '../styles/_variables.scss',那么在编译期间我会从webpack收到错误消息Cannot find module

0 个答案:

没有答案