2016-11-11 16 views
0

webpack 2ではES6モジュールシステムが導入されて以来、require('./mytemplate.html')構文はAngle 1およびWebpack 2ベースのプロジェクトでは機能しません。Webpack 2角型テンプレートローダー?

htmlテンプレートを読み込むためにwebpack 2で動作するローダーが見つかりません。

webpack2を使用して角度1のテンプレートファイルをロードする正しい方法は何ですか?

注:私はtypescriptクラスを使用して、template:require( './ mytemplate.html')プロパティを持つ角度1コンポーネントを作成しています。例として。

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

私は間違っているかもしれませんが、同じローダーを使用することができます。テンプレートの内容をオブジェクトプロパティに代入するのではなく、オブジェクトプロパティに代入される変数にインポートしようとします。 'import template from'/template.html ''のようにします。そして、 'someObject.template = template;'です。 – k10der

+0

'./mytemplate.html'からインポートテンプレートをインポートしようとしましたが、htmlテンプレートを認識できないためにエラーが発生します。私はtypescriptも使用していることに言及する質問を更新しました。 – Nexus23

+0

最近、彼らはこの機能(https://github.com/webpack/html-loader/pull/97)を追加したようですが、まだnpmで最新のreleseを作成していません。だから私はあなたが待っているか、ローカルにこのwebpackローダーのバージョンをビルドする必要があると思います。 – k10der

答えて

0

現在のところ、webpack 2はまだ構文が必要です。どのような私のために働いたことはノードタイピングをインストールすることでした:

@types/node 

これはまだかかわらず、これらのテンプレートをロードするために、HTMLローダーを使用してtempaltes例えば

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

を必要とするとき、私は持っていたエラーを排除。

+0

しかし、あなたの既存のコードを書き直さないためには、あなたのためにこの文字列を処理するローダー(https://github.com/WearyMonkey/ngtemplate-loader)を試してみてくださいあなたのtemplateUrlの中にrequireやngtemplateを追加する必要はありません!) – Rantiev

関連する問題