2016-10-17 23 views
7

当我尝试运行ng测试时,我的所有模块和组件都可以正确加载,但我在<img>标记中包含的任何资源都不会呈现,因为它们不在/ assets文件夹中提供(就像它们在使用ng服务开发或在开发过程中)当我使用最新的angular-cli(beta 15 w/webpack)运行测试时,如何为资产提供服务?

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

我最新的角CLI的WebPack版本(测试版15)

任何帮助是极大的赞赏。

回答

9

我找到了答案!

默认情况下,在角CLI(的WebPack)业力设置不为你的资产由默认的文件夹,但是这是非常简单的添加(一旦你通过筛选的文档)

下面

是我的结果,我加入到获取代码的截图它的工作

enter image description here

到左边,你可以看到我的比利·梅斯的图像现在被服务,以正确的,如果你看一下“文件”我添加了以下内容:

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

我还添加了一个代理属性,采取提供的内容(通过默认服务在http://localhost:[karma端口号] /碱

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

通过指定/assets/作为文件夹代理,因缘使用路径 localhost:[karma port number]/assets代替的默认值。

我很高兴我能够对我自己的问题,并希望这有助于一些人开始角-cli!

+2

我知道它说不说谢谢,但是,谢谢!我在第一次阅读时错过了上面的'文件'部分,因为它没有标记为'代理'部分的代码 - 也许你可以重新格式化? –

相关问题