使用最新的angular-cli(beta 15 w / webpack)运行测试时如何提供资产?

时间:2016-10-17 14:01:04

标签: angular typescript webpack angular-cli

当我尝试运行ng测试时,我的所有模块和组件都正确加载,但<img>标记中包含的任何资产都不会呈现,因为它们未在/中提供assets文件夹(就像他们在构建中或使用ng服务开发期间那样)

除此之外,知道如何将全局styles.scss / css文件包含在测试中会很好,因为如果我将CSS放入组件中,我只能渲染这些样式。禁用ViewEncapsulation。

关于最新的angular-cli webpack发布(Beta 15)

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:13)

我找到了答案!

默认情况下,angular-cli(webpack)中的karma设置默认情况下不会为您的assets文件夹提供服务,但这很容易添加(一旦筛选完文档)

下面的

是我的搜索结果的屏幕截图以及为了让它工作而添加的代码

enter image description here

在左侧,您可以看到我现在正在服务的比利梅斯的图像,如果您查看文件&#39;在json部分,我补充了以下内容:

{ pattern: './src/assets/**', watched: false, included:false, nocache:false, served:true }

我还添加了一个代理属性,用于获取所提供的内容(默认情况下提供给http://localhost:[karma端口号] / base

proxies: {
   '/assets/': '/base/src/assets/'
},

通过将/assets/指定为文件夹代理,karma使用该路径 localhost:[karma port number]/assets而不是默认值。

我很高兴我能够提出自己的问题,希望这可以帮助一些人开始使用angular-cli!