Webpack 2 Angular 1模板加载器?

时间:2016-11-11 16:19:14

标签: angularjs typescript webpack-2

由于webpack 2引入了ES6模块系统,require('./mytemplate.html')语法不适用于基于角度1和webpack 2的项目。

无法找到与webpack 2一起使用的加载程序来加载html模板。

使用webpack2加载角度1模板文件的正确方法是什么?

注意:我使用的是typescript类来创建angular 1组件,它们具有template:require(' ./ mytemplate.html')属性。举个例子。

export class MyComponent implements ng.IComponentOptions {
    public template: string = require('./mytempalte.html');
    public controller = MyControllerClass;
}

1 个答案:

答案 0 :(得分:0)

到目前为止,webpack 2仍支持require语法。对我有用的是安装节点类型:

@types/node

这消除了我在需要tempaltes时所遇到的错误,例如

export class AdminComponent implements ng.IComponentOptions {
    public template: string = require('./admin.component.html');
    public controller = AdminComponentController;
}

仍然使用html-loader来加载这些模板。