2016-03-24 7 views
0

meteor1.3のセットアップで実行している既存のng2プロトタイプを取得しようとしていません。これまでのところ、私はWebPACKのでプロトタイプを構築し、モジュールの建物の中にjQueryのか、テザーのようなものを利用できるようにするプラグインを提供している:meteor1.3 typescriptプロジェクトでtether/anything-elseをグローバルに提供する方法は?

plugins: [ 
    new ProvidePlugin({ 
    $: "jquery", 
    jQuery: "jquery", 
    "window.jQuery": "jquery", 
    "window.Tether": "tether" 
    }) 
] 

あなたが見ることができるように、私は以来、「テザー」と同じことをやりましたそれはまだブートストラップ4アルファに必要なライブラリです。

今、私はmeteor1.3プロジェクトで同じことを達成する方法を知りました..?パッケージ "angular2-meteor"の変更ログに書かれているように、現在はすべてのものを構築するためにWebpackを使用しています。

angular2-meteor changelog

だから、右、meteor1.3に再びプラグインを提供同じを使用することは可能でしょうか?しかし...どう? 「angular2 - 流星」のgithubの発行スレッドから

答えて

2

複数の方法があります:流星1.3は現在、NPMを好むので、あなたがhttps://atmospherejs.com/coursierprive/tether、または、 をインストールすることができ、あなたはテザーNPMをインストールし、それを必要とする可能性がありますあなたがブートストラップ4を使う前に、あるいはもっと制御してモジュール性が必要な場合は、Tetherを含めて必要なすべての依存関係(パッケージフォルダ内の)を作成することができます。このレポ)。

私はこれを試してみるだろうと私はすでにこのトリック:)多くのTHXの@barbatusを行います確信している;)

更新:

[OK]を、私はNPMパッケージ・ソリューションで行きますよ、私はすでにテザーをインストールしていた。あなたはそれを持っていない場合は、この最初の操作を行います。

npm install --save tether 

は今、単一 require文は十分な..私は完全に含まれるようにしようとしているブートストラップ4が window.Tether機能を求めているのではありません。ですが、それのためのタイピング定義ファイルだけで実行することにより、それを追加し、今もそこにあるクール

let Tether = require('tether'); 
window.Tether = Tether; 

// import all bootstrap javascript plugins 
require('bootstrap'); 

typings install --save --ambient tether 

ウィンドウグローバルコンテキストにそれを追加した後、私はこれをやってしまいましたエラーはなくなりました...しかし、OK、webpackの解決策は、プラグインがまだきれいだと感じています - >ビルド中に別々のモジュールごとにTetherオブジェクトを提供するので、結局のところ、 。しかし、私は今運営しているだけで幸いです:)

PS:jQueryは流星によって提供されています。それだけでは、テザーだけを含むだけで走らせるのに十分です。

更新:ええjQueryのは、デフォルトで含まれている - しかし、それはあなたの/.meteor/packagesファイル内だけでパッケージです;)

+0

こんにちは@jebbie、あなたは成功した場合、それを説明し、[ここ](https://でgithub.com/Urigo/meteor-angular2.0-socially/issues/44)、それは素晴らしいでしょう! –

+0

こんにちは@HongboMiao、私はtether npmパッケージをインストールして解決策を試しましたが、ブートストラップが必要になる前にそれを要求しています。私は今テンプレートのURLに固執しています - 私の流星アプリはファイルのためのGET要求を提供しません..私はapi.addFilesが見つからないと思いますが、私はこれまでパッケージからはもっと知っています^^ – jebbie

+0

素晴らしい、比較的適切な方法でテンプレートを追加するには、moduleIdを使用してください:http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/ – jebbie

関連する問題