Question

我一直在使用这种模式一段时间了：

@Component({
    selector: 'foo',
    template: require('./foo.component.html'),
    styles: [require('./foo.component.scss'),
    animations: [ //some twenty or thirty lines of code might be here ]
)}

Webpack可以很好地处理{ test: /\.(css|scss|html)$/, use: 'raw-loader' },

我今天尝试了一些新东西。我将我的动画（[]中的所有内容）移动到一个单独的文件中，并将其命名为，例如 foo.component.animations 。以下内容对我来说似乎很自我解释：

@Component({
    selector: 'foo',
    template: require('./foo.component.html'),
    styles: [require('./foo.component.scss'),
    animations: [require('./foo.component.animations')]
)}

在webpack中：

{ test: /\.(css|scss|html|animations)$/, use: 'raw-loader' }

它应该找到我的 *。动画文件并将文本放到animations: []，对吗？

但我得到的只是编译器的投诉。

有没有其他人将动画移出组件文件？

[编辑]

以下是投诉：

EXCEPTION: Uncaught (in promise): Error: Cannot read property 'forEach' of undefined
    at View_SidebarComponent_0 (/AppModule/SidebarComponent/component.ngfactory.js:71:5)
    [angular]

使用raw-loader在Angular 2中加载动画

0 个答案: